CINXE.COM
RubyGems - phlex-icons-tabler - Versions diffs - 0.14.0 → 0.16.0 - Mend - Supply Chain Defender
<!DOCTYPE html> <html> <head> <title> RubyGems - phlex-icons-tabler - Versions diffs - 0.14.0 → 0.16.0 - Mend - Supply Chain Defender </title> <link rel="icon" type="image/png" href="/packs/media/images/production/favicons/favicon-32x32-fa0286238d4d512e71dba3881cbbcc42.png" /> <link rel="mask-icon" type="image/x-icon" href="/packs/media/images/production/favicons/favicon-786db6a85c0dea068c1a7047338024d2.svg" /> <link rel="apple-touch-icon" type="image/png" href="/packs/media/images/production/favicons/apple-touch-icon-11491aa2351c88b3b48534d1576a2ff9.png" /> <link rel="shortcut icon" type="image/x-icon" href="/packs/media/images/production/favicons/favicon-81c62e5500c39bd10e99844e94455995.ico" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="ZJKcIPiG8RD4jttCJU8nUG3IQzVIOwrUayKbYcOa-xN-mrEtZDb-UZOf5ZknYjEmLQFE28cmiNIkmG5AwKFmtA" /> <meta content='no-cache' name='turbolinks-cache-control'> <meta content='width=device-width, initial-scale=1' name='viewport'> <link rel="stylesheet" href="/packs/css/application-b44eb75784afb1e9f8ce.css" media="all" /> <script src="/packs/js/application-9f130b109122a7b55e22.js" data-turbolinks-track="reload"></script> <link href='https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i' rel='stylesheet'> </head> <body class='registries ruby_gems diffs' id='page-top'> <div id='wrapper'> <div class='d-flex flex-column' id='content-wrapper'> <div id='content'> <nav class='navbar navbar-expand navbar-light bg-white topbar mb-4 shadow'> <a class='sidebar-brand d-flex align-items-center justify-content-center' href='/'> <div class='sidebar-brand-text mx-3 d-none d-xxl-block d-xl-block'> <img alt="Diffend" src="/packs/media/images/production/logos/vertical-dark-5363ad390f9fcfd11bfecf89a3fb60f1.svg" /> </div> </a> <div class='container'> <ul class='navbar-nav'> <li class='nav-item'> <a class='nav-link' href='/gems'> <span class='mr-2 d-none d-lg-inline text-gray-600'> RubyGems </span> </a> </li> <li class='nav-item'> <a class='nav-link' href='/npm'> <span class='mr-2 d-none d-lg-inline text-gray-600'> npm </span> </a> </li> <div class='topbar-divider d-sm-block'></div> <li class='nav-item'> <a class='nav-link' href='/organizations'> <span class='mr-2 d-none d-lg-inline text-gray-600'> Organizations </span> </a> </li> </ul> <ul class='navbar-nav'> <div class='topbar-divider d-none d-sm-block'></div> <li class='nav-item'> <a class='nav-link' href='/users/sign_in'> <span class='mr-2 d-none d-lg-inline text-gray-600'> <i class='fas fa-key fa-fw mr-2'></i> Log in </span> </a> </li> <li class='nav-item'> <a class='nav-link' href='/users/sign_up'> <span class='mr-2 d-none d-lg-inline text-gray-600'> <i class='fas fa-user-plus fa-fw mr-2'></i> Sign up </span> </a> </li> </ul> </div> </nav> <div class='container'> <div class='row'> <div class='col mb-1'> <nav> <ol class='breadcrumb'> <li class='breadcrumb-item'> <a href="/gems">RubyGems</a> </li> <li class='breadcrumb-item'> <a href="/gems/phlex-icons-tabler">phlex-icons-tabler</a> </li> <li class='breadcrumb-item'> <a href="/gems/phlex-icons-tabler">Versions diffs</a> </li> <li class='breadcrumb-item'> <a href="/gems/phlex-icons-tabler/0.14.0/0.16.0">0.14.0 → 0.16.0</a> </li> </ol> </nav> </div> </div> <div class='row'> <div class='col'> <div class='text-right mb-4'> </div> </div> </div> <div class='row'> <div class='col align-items-center mb-4'> <div class='text-center'> <h2 class='text-gray-800'> phlex-icons-tabler 0.14.0 → 0.16.0 </h2> </div> </div> </div> <div data-diff-id='d71bf22f-8a7e-402e-b2b3-a8bed05d48f9' data-diff-state='finished' id='diff-id'> <div class='row'> <div class='col pt-2 text-black'> <div class='row'> <div class='col-lg-12 mb-4 mt-2'> <div class='card bg-info text-white shadow'> <div class='card-body'> <span class='icon text-white-100 mr-2'> <i class='fas fa-info-circle'></i> </span> Sign up to get <strong>free</strong> protection for your applications and to get access to all the features. </div> </div> </div> </div> <div id='diff'> <div class='mb-3'> <div class="d2h-file-list-wrapper"> <div class="d2h-file-list-header"> <span class="d2h-file-list-title">Files changed (6)</span> <a class="d2h-file-switch d2h-hide">hide</a> <a class="d2h-file-switch d2h-show">show</a> </div> <ol class="d2h-file-list"> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/phlex-icons-tabler/0.14.0/0.16.0/page/1#d2h-683205" class="d2h-file-name">checksums.yaml</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+4</span> <span class="d2h-lines-deleted">-4</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/phlex-icons-tabler/0.14.0/0.16.0/page/1#d2h-027470" class="d2h-file-name">data/README.md</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+77</span> <span class="d2h-lines-deleted">-12</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/phlex-icons-tabler/0.14.0/0.16.0/page/1#d2h-741582" class="d2h-file-name">data/lib/phlex/icons/tabler/base.rb</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+0</span> <span class="d2h-lines-deleted">-2</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/phlex-icons-tabler/0.14.0/0.16.0/page/1#d2h-478674" class="d2h-file-name">data/lib/phlex/icons/version.rb</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+1</span> <span class="d2h-lines-deleted">-1</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-moved" height="16" title="renamed" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M6 9H3V7h3V4l5 4-5 4V9z m8-7v12c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h12c0.55 0 1 0.45 1 1z m-1 0H1v12h12V2z"></path> </svg> <a href="/gems/phlex-icons-tabler/0.14.0/0.16.0/page/1#d2h-715175" class="d2h-file-name">data/lib/{phlex_icons_tabler.rb → phlex-icons-tabler.rb}</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+3</span> <span class="d2h-lines-deleted">-0</span> </span> </span> </li> <li class="d2h-file-list-line"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1" viewBox="0 0 14 16" width="14"> <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path> </svg> <a href="/gems/phlex-icons-tabler/0.14.0/0.16.0/page/1#d2h-004177" class="d2h-file-name">metadata</a> <span class="d2h-file-stats"> <span class="d2h-lines-added">+3</span> <span class="d2h-lines-deleted">-3</span> </span> </span> </li> </ol> </div> </div> <div id="d2h-683205" class="d2h-file-wrapper" data-lang="yaml"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-683205">checksums.yaml</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -1,7 +1,7 @@</div> </td> </tr><tr> <td id="d2h-683205-23" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-683205-23"> <div class="line-num1">1</div> <div class="line-num2">1</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">---</span> </div> </td> </tr><tr> <td id="d2h-683205-34" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-683205-34"> <div class="line-num1">2</div> <div class="line-num2">2</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">SHA256:</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">3</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> metadata.gz: <del>c2a950b0bf045e406bf515a1bea880b00ba887963b9ed6869dc6155f4900cf38</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">4</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> data.tar.gz: <del>afa8e11f68e8d8d2dc4192b0a3c9db925bc14a666686bfbf85b98f106c3c543a</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">3</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> metadata.gz: <ins>3b59c0d2e9bc1565b0cf57e188f862be54f1048fc7c9f6650e3f4f27a8129386</ins></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">4</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> data.tar.gz: <ins>feb2d597ecd50a92fecebb764745e1248f14006846e98f81045db1f77e68f95a</ins></span> </div> </td> </tr><tr> <td id="d2h-683205-89" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-683205-89"> <div class="line-num1">5</div> <div class="line-num2">5</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">SHA512:</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">6</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> metadata.gz: <del>2407ae5515bf509425e0c54232d8c6435b20de989246e6fe66abafff40520283ac67bb871629b2b5b396b60e6a93f512e0a02d0b2b6d4cb6faeed38040169892</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">7</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> data.tar.gz: <del>3b9d27c79829e0e96e60a480e248c15bf6378b92c22e5b171df4340052a0a155eb714a98e18459313200c0c5a2c4260f098f5614f3bcfa9de2e5047ec4113aa7</del></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">6</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> metadata.gz: <ins>34d8904798d0521becdf67f9236f2cd14ab12511338b32af6737fe7a78f8cdd1b19bea98015e39f5f6c9c504cfebaa04d3da7dc45cdaeb2f854d6b6c1d5a6783</ins></span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">7</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> data.tar.gz: <ins>1ee704f4e76ba761298df7df119ecc2934cebcf4ae0076d9f58cc6f0d606d6fa8de9f2d42b994d13c4a48137f9890c363d9ea435499c6d9ac46b40dd239656ce</ins></span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-027470" class="d2h-file-wrapper" data-lang="md"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-027470">data/README.md</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -21,6 +21,16 @@ General icons extension for [Phlex](https://phlex.fun). Includes more than 🎨</div> </td> </tr><tr> <td id="d2h-027470-171" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-171"> <div class="line-num1">21</div> <div class="line-num2">21</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-182" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-182"> <div class="line-num1">22</div> <div class="line-num2">22</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">And happy to extend to other icon packs!</span> </div> </td> </tr><tr> <td id="d2h-027470-193" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-193"> <div class="line-num1">23</div> <div class="line-num2">23</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-204" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-204"> <div class="line-num1"></div> <div class="line-num2">24</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">If you don't want to add all icon packs to your application, you can add a specific icon pack by using one (or multiple) of the following gems:</span> </div> </td> </tr><tr> <td id="d2h-027470-215" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-215"> <div class="line-num1"></div> <div class="line-num2">25</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-226" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-226"> <div class="line-num1"></div> <div class="line-num2">26</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">- [phlex-icons-bootstrap](https://rubygems.org/gems/phlex-icons-bootstrap)</span> </div> </td> </tr><tr> <td id="d2h-027470-237" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-237"> <div class="line-num1"></div> <div class="line-num2">27</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">- [phlex-icons-flag](https://rubygems.org/gems/phlex-icons-flag)</span> </div> </td> </tr><tr> <td id="d2h-027470-248" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-248"> <div class="line-num1"></div> <div class="line-num2">28</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">- [phlex-icons-hero](https://rubygems.org/gems/phlex-icons-hero)</span> </div> </td> </tr><tr> <td id="d2h-027470-259" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-259"> <div class="line-num1"></div> <div class="line-num2">29</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">- [phlex-icons-lucide](https://rubygems.org/gems/phlex-icons-lucide)</span> </div> </td> </tr><tr> <td id="d2h-027470-270" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-270"> <div class="line-num1"></div> <div class="line-num2">30</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">- [phlex-icons-radix](https://rubygems.org/gems/phlex-icons-radix)</span> </div> </td> </tr><tr> <td id="d2h-027470-281" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-281"> <div class="line-num1"></div> <div class="line-num2">31</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">- [phlex-icons-remix](https://rubygems.org/gems/phlex-icons-remix)</span> </div> </td> </tr><tr> <td id="d2h-027470-292" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-292"> <div class="line-num1"></div> <div class="line-num2">32</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">- [phlex-icons-tabler](https://rubygems.org/gems/phlex-icons-tabler)</span> </div> </td> </tr><tr> <td id="d2h-027470-303" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-303"> <div class="line-num1"></div> <div class="line-num2">33</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-314" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-314"> <div class="line-num1">24</div> <div class="line-num2">34</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">Thanks [nejdetkadir](https://github.com/nejdetkadir) for creating [Phlex::Heroicons](https://github.com/nejdetkadir/phlex-heroicons) as it was the base for this gem.</span> </div> </td> </tr><tr> <td id="d2h-027470-325" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-325"> <div class="line-num1">25</div> <div class="line-num2">35</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-336" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-336"> <div class="line-num1">26</div> <div class="line-num2">36</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">Other Phlex icon gems:</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -41,16 +51,6 @@ If bundler is not being used to manage dependencies, install the gem by executin</div> </td> </tr><tr> <td id="d2h-027470-353" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-353"> <div class="line-num1">41</div> <div class="line-num2">51</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">gem install phlex-icons</span> </div> </td> </tr><tr> <td id="d2h-027470-364" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-364"> <div class="line-num1">42</div> <div class="line-num2">52</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">```</span> </div> </td> </tr><tr> <td id="d2h-027470-375" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-375"> <div class="line-num1">43</div> <div class="line-num2">53</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-386" class="d2h-code-linenumber d2h-del"><a href="#d2h-027470-386"> <div class="line-num1">44</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">If you don't want to add all icon packs to your application, you can add a specific icon pack by using one (or multiple) of the following gems:</span> </div> </td> </tr><tr> <td id="d2h-027470-397" class="d2h-code-linenumber d2h-del"><a href="#d2h-027470-397"> <div class="line-num1">45</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-408" class="d2h-code-linenumber d2h-del"><a href="#d2h-027470-408"> <div class="line-num1">46</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">- [phlex-icons-bootstrap](https://rubygems.org/gems/phlex-icons-bootstrap)</span> </div> </td> </tr><tr> <td id="d2h-027470-419" class="d2h-code-linenumber d2h-del"><a href="#d2h-027470-419"> <div class="line-num1">47</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">- [phlex-icons-flag](https://rubygems.org/gems/phlex-icons-flag)</span> </div> </td> </tr><tr> <td id="d2h-027470-430" class="d2h-code-linenumber d2h-del"><a href="#d2h-027470-430"> <div class="line-num1">48</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">- [phlex-icons-hero](https://rubygems.org/gems/phlex-icons-hero)</span> </div> </td> </tr><tr> <td id="d2h-027470-441" class="d2h-code-linenumber d2h-del"><a href="#d2h-027470-441"> <div class="line-num1">49</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">- [phlex-icons-lucide](https://rubygems.org/gems/phlex-icons-lucide)</span> </div> </td> </tr><tr> <td id="d2h-027470-452" class="d2h-code-linenumber d2h-del"><a href="#d2h-027470-452"> <div class="line-num1">50</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">- [phlex-icons-radix](https://rubygems.org/gems/phlex-icons-radix)</span> </div> </td> </tr><tr> <td id="d2h-027470-463" class="d2h-code-linenumber d2h-del"><a href="#d2h-027470-463"> <div class="line-num1">51</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">- [phlex-icons-remix](https://rubygems.org/gems/phlex-icons-remix)</span> </div> </td> </tr><tr> <td id="d2h-027470-474" class="d2h-code-linenumber d2h-del"><a href="#d2h-027470-474"> <div class="line-num1">52</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">- [phlex-icons-tabler](https://rubygems.org/gems/phlex-icons-tabler)</span> </div> </td> </tr><tr> <td id="d2h-027470-485" class="d2h-code-linenumber d2h-del"><a href="#d2h-027470-485"> <div class="line-num1">53</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-496" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-496"> <div class="line-num1">54</div> <div class="line-num2">54</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">## Configuration</span> </div> </td> </tr><tr> <td id="d2h-027470-507" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-507"> <div class="line-num1">55</div> <div class="line-num2">55</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-518" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-518"> <div class="line-num1">56</div> <div class="line-num2">56</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">The gem provides global configuration options, and per icons pack configuration options.</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -124,7 +124,7 @@ Phlex::Icons::Tabler.configuration.default_variant = :outline # or :filled</div> </td> </tr><tr> <td id="d2h-027470-535" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-535"> <div class="line-num1">124</div> <div class="line-num2">124</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">### With `Phlex::Kit`</span> </div> </td> </tr><tr> <td id="d2h-027470-546" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-546"> <div class="line-num1">125</div> <div class="line-num2">125</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-557" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-557"> <div class="line-num1">126</div> <div class="line-num2">126</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">```ruby</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">127</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">require '<del>phlex_icons</del>'</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">127</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">require '<ins>phlex-icons</ins>'</span> </div> </td> </tr><tr> <td id="d2h-027470-590" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-590"> <div class="line-num1">128</div> <div class="line-num2">128</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-601" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-601"> <div class="line-num1">129</div> <div class="line-num2">129</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">class PhlexIcons < Phlex::HTML</span> </div> </td> </tr><tr> <td id="d2h-027470-612" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-612"> <div class="line-num1">130</div> <div class="line-num2">130</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> include Phlex::Icons</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -146,7 +146,7 @@ end</div> </td> </tr><tr> <td id="d2h-027470-629" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-629"> <div class="line-num1">146</div> <div class="line-num2">146</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">### Without `Phlex::Kit`</span> </div> </td> </tr><tr> <td id="d2h-027470-640" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-640"> <div class="line-num1">147</div> <div class="line-num2">147</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-651" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-651"> <div class="line-num1">148</div> <div class="line-num2">148</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">```ruby</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">149</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">require '<del>phlex_icons</del>'</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">149</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">require '<ins>phlex-icons</ins>'</span> </div> </td> </tr><tr> <td id="d2h-027470-684" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-684"> <div class="line-num1">150</div> <div class="line-num2">150</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-695" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-695"> <div class="line-num1">151</div> <div class="line-num2">151</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">class PhlexIcons < Phlex::HTML</span> </div> </td> </tr><tr> <td id="d2h-027470-706" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-706"> <div class="line-num1">152</div> <div class="line-num2">152</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> def view_template</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -163,6 +163,71 @@ class PhlexIcons < Phlex::HTML</div> </td> </tr><tr> <td id="d2h-027470-723" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-723"> <div class="line-num1">163</div> <div class="line-num2">163</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">end</span> </div> </td> </tr><tr> <td id="d2h-027470-734" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-734"> <div class="line-num1">164</div> <div class="line-num2">164</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">```</span> </div> </td> </tr><tr> <td id="d2h-027470-745" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-745"> <div class="line-num1">165</div> <div class="line-num2">165</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-756" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-756"> <div class="line-num1"></div> <div class="line-num2">166</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">### Specific icon pack(s)</span> </div> </td> </tr><tr> <td id="d2h-027470-767" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-767"> <div class="line-num1"></div> <div class="line-num2">167</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-778" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-778"> <div class="line-num1"></div> <div class="line-num2">168</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">Let's say you want to use only Heroicons and Flag Icons, you can use the following gems:</span> </div> </td> </tr><tr> <td id="d2h-027470-789" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-789"> <div class="line-num1"></div> <div class="line-num2">169</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">- [phlex-icons-flag](https://rubygems.org/gems/phlex-icons-flag)</span> </div> </td> </tr><tr> <td id="d2h-027470-800" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-800"> <div class="line-num1"></div> <div class="line-num2">170</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">- [phlex-icons-hero](https://rubygems.org/gems/phlex-icons-hero)</span> </div> </td> </tr><tr> <td id="d2h-027470-811" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-811"> <div class="line-num1"></div> <div class="line-num2">171</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-822" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-822"> <div class="line-num1"></div> <div class="line-num2">172</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">Then, in your application, you can use the icons like this:</span> </div> </td> </tr><tr> <td id="d2h-027470-833" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-833"> <div class="line-num1"></div> <div class="line-num2">173</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-844" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-844"> <div class="line-num1"></div> <div class="line-num2">174</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">```ruby</span> </div> </td> </tr><tr> <td id="d2h-027470-855" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-855"> <div class="line-num1"></div> <div class="line-num2">175</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">require 'phlex-icons-flag'</span> </div> </td> </tr><tr> <td id="d2h-027470-866" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-866"> <div class="line-num1"></div> <div class="line-num2">176</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">require 'phlex-icons-hero'</span> </div> </td> </tr><tr> <td id="d2h-027470-877" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-877"> <div class="line-num1"></div> <div class="line-num2">177</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-888" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-888"> <div class="line-num1"></div> <div class="line-num2">178</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">class PhlexIcons < Phlex::HTML</span> </div> </td> </tr><tr> <td id="d2h-027470-899" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-899"> <div class="line-num1"></div> <div class="line-num2">179</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> include Phlex::Icons # If you want to use Phlex::Kit.</span> </div> </td> </tr><tr> <td id="d2h-027470-910" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-910"> <div class="line-num1"></div> <div class="line-num2">180</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-921" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-921"> <div class="line-num1"></div> <div class="line-num2">181</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> def view_template</span> </div> </td> </tr><tr> <td id="d2h-027470-932" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-932"> <div class="line-num1"></div> <div class="line-num2">182</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> div do</span> </div> </td> </tr><tr> <td id="d2h-027470-943" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-943"> <div class="line-num1"></div> <div class="line-num2">183</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> # With Phlex::Kit.</span> </div> </td> </tr><tr> <td id="d2h-027470-954" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-954"> <div class="line-num1"></div> <div class="line-num2">184</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> Flag::Sa(variant: :rectangle, classes: 'size-4')</span> </div> </td> </tr><tr> <td id="d2h-027470-965" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-965"> <div class="line-num1"></div> <div class="line-num2">185</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> Hero::Home(variant: :solid, classes: 'size-4')</span> </div> </td> </tr><tr> <td id="d2h-027470-976" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-976"> <div class="line-num1"></div> <div class="line-num2">186</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-987" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-987"> <div class="line-num1"></div> <div class="line-num2">187</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> # Without Phlex::Kit.</span> </div> </td> </tr><tr> <td id="d2h-027470-998" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-998"> <div class="line-num1"></div> <div class="line-num2">188</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> render Phlex::Icons::Flag::Sa.new(variant: :rectangle, classes: 'size-4')</span> </div> </td> </tr><tr> <td id="d2h-027470-1009" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1009"> <div class="line-num1"></div> <div class="line-num2">189</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> render Phlex::Icons::Hero::Home.new(variant: :solid, classes: 'size-4')</span> </div> </td> </tr><tr> <td id="d2h-027470-1020" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1020"> <div class="line-num1"></div> <div class="line-num2">190</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-027470-1031" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1031"> <div class="line-num1"></div> <div class="line-num2">191</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-027470-1042" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1042"> <div class="line-num1"></div> <div class="line-num2">192</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">end</span> </div> </td> </tr><tr> <td id="d2h-027470-1053" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1053"> <div class="line-num1"></div> <div class="line-num2">193</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">```</span> </div> </td> </tr><tr> <td id="d2h-027470-1064" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1064"> <div class="line-num1"></div> <div class="line-num2">194</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-1075" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1075"> <div class="line-num1"></div> <div class="line-num2">195</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">### Add custom icons to your Rails application</span> </div> </td> </tr><tr> <td id="d2h-027470-1086" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1086"> <div class="line-num1"></div> <div class="line-num2">196</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-1097" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1097"> <div class="line-num1"></div> <div class="line-num2">197</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">You can extend the gem in your Rails application to add new icons by creating a `phlex/icons/custom` directory inside `views/components` directory. Then, you can create a new component for each icon you want to add. For example:</span> </div> </td> </tr><tr> <td id="d2h-027470-1108" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1108"> <div class="line-num1"></div> <div class="line-num2">198</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-1119" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1119"> <div class="line-num1"></div> <div class="line-num2">199</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">```ruby</span> </div> </td> </tr><tr> <td id="d2h-027470-1130" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1130"> <div class="line-num1"></div> <div class="line-num2">200</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"># app/views/components/phlex/icons/custom/icon_class_name.rb</span> </div> </td> </tr><tr> <td id="d2h-027470-1141" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1141"> <div class="line-num1"></div> <div class="line-num2">201</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-1152" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1152"> <div class="line-num1"></div> <div class="line-num2">202</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">module Phlex</span> </div> </td> </tr><tr> <td id="d2h-027470-1163" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1163"> <div class="line-num1"></div> <div class="line-num2">203</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> module Icons</span> </div> </td> </tr><tr> <td id="d2h-027470-1174" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1174"> <div class="line-num1"></div> <div class="line-num2">204</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> module Custom</span> </div> </td> </tr><tr> <td id="d2h-027470-1185" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1185"> <div class="line-num1"></div> <div class="line-num2">205</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> class IconClassName < Phlex::Icons::Base</span> </div> </td> </tr><tr> <td id="d2h-027470-1196" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1196"> <div class="line-num1"></div> <div class="line-num2">206</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> def view_template</span> </div> </td> </tr><tr> <td id="d2h-027470-1207" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1207"> <div class="line-num1"></div> <div class="line-num2">207</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> # SVG code here.</span> </div> </td> </tr><tr> <td id="d2h-027470-1218" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1218"> <div class="line-num1"></div> <div class="line-num2">208</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-027470-1229" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1229"> <div class="line-num1"></div> <div class="line-num2">209</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-027470-1240" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1240"> <div class="line-num1"></div> <div class="line-num2">210</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-027470-1251" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1251"> <div class="line-num1"></div> <div class="line-num2">211</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-027470-1262" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1262"> <div class="line-num1"></div> <div class="line-num2">212</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">end</span> </div> </td> </tr><tr> <td id="d2h-027470-1273" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1273"> <div class="line-num1"></div> <div class="line-num2">213</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">```</span> </div> </td> </tr><tr> <td id="d2h-027470-1284" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1284"> <div class="line-num1"></div> <div class="line-num2">214</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-1295" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1295"> <div class="line-num1"></div> <div class="line-num2">215</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">Finally, you will need to create a `Phlex::Icons::Custom` module in `phlex/icons/custom.rb` file to include your custom icons and make them a `Phlex::Kit`:</span> </div> </td> </tr><tr> <td id="d2h-027470-1306" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1306"> <div class="line-num1"></div> <div class="line-num2">216</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-1317" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1317"> <div class="line-num1"></div> <div class="line-num2">217</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">```ruby</span> </div> </td> </tr><tr> <td id="d2h-027470-1328" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1328"> <div class="line-num1"></div> <div class="line-num2">218</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"># app/views/components/phlex/icons/custom.rb</span> </div> </td> </tr><tr> <td id="d2h-027470-1339" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1339"> <div class="line-num1"></div> <div class="line-num2">219</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-1350" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1350"> <div class="line-num1"></div> <div class="line-num2">220</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">module Phlex</span> </div> </td> </tr><tr> <td id="d2h-027470-1361" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1361"> <div class="line-num1"></div> <div class="line-num2">221</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> module Icons</span> </div> </td> </tr><tr> <td id="d2h-027470-1372" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1372"> <div class="line-num1"></div> <div class="line-num2">222</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> module Custom</span> </div> </td> </tr><tr> <td id="d2h-027470-1383" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1383"> <div class="line-num1"></div> <div class="line-num2">223</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> extend Phlex::Kit</span> </div> </td> </tr><tr> <td id="d2h-027470-1394" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1394"> <div class="line-num1"></div> <div class="line-num2">224</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-027470-1405" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1405"> <div class="line-num1"></div> <div class="line-num2">225</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-027470-1416" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1416"> <div class="line-num1"></div> <div class="line-num2">226</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">end</span> </div> </td> </tr><tr> <td id="d2h-027470-1427" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1427"> <div class="line-num1"></div> <div class="line-num2">227</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">```</span> </div> </td> </tr><tr> <td id="d2h-027470-1438" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1438"> <div class="line-num1"></div> <div class="line-num2">228</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-1449" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1449"> <div class="line-num1"></div> <div class="line-num2">229</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">Now, you can use your custom icons like any other icon pack as described above.</span> </div> </td> </tr><tr> <td id="d2h-027470-1460" class="d2h-code-linenumber d2h-ins"><a href="#d2h-027470-1460"> <div class="line-num1"></div> <div class="line-num2">230</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-1471" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-1471"> <div class="line-num1">166</div> <div class="line-num2">231</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">## Update icon packs</span> </div> </td> </tr><tr> <td id="d2h-027470-1482" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-1482"> <div class="line-num1">167</div> <div class="line-num2">232</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-027470-1493" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-027470-1493"> <div class="line-num1">168</div> <div class="line-num2">233</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">All icon packs provided in this gem are auto-generated by their generator under [`generators`](/generators) directory. You just need to clone the repo and run the generator for the icon pack you want to update. In future, I'm planning to add GitHub Actions to automatically generate the icon packs and update the gem.</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-741582" class="d2h-file-wrapper" data-lang="rb"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-741582">data/lib/phlex/icons/tabler/base.rb</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -1,7 +1,5 @@</div> </td> </tr><tr> <td id="d2h-741582-1531" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-741582-1531"> <div class="line-num1">1</div> <div class="line-num2">1</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"># frozen_string_literal: true</span> </div> </td> </tr><tr> <td id="d2h-741582-1542" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-741582-1542"> <div class="line-num1">2</div> <div class="line-num2">2</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-741582-1553" class="d2h-code-linenumber d2h-del"><a href="#d2h-741582-1553"> <div class="line-num1">3</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">require_relative '../base'</span> </div> </td> </tr><tr> <td id="d2h-741582-1564" class="d2h-code-linenumber d2h-del"><a href="#d2h-741582-1564"> <div class="line-num1">4</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-741582-1575" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-741582-1575"> <div class="line-num1">5</div> <div class="line-num2">3</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">module Phlex</span> </div> </td> </tr><tr> <td id="d2h-741582-1586" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-741582-1586"> <div class="line-num1">6</div> <div class="line-num2">4</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> module Icons</span> </div> </td> </tr><tr> <td id="d2h-741582-1597" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-741582-1597"> <div class="line-num1">7</div> <div class="line-num2">5</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> module Tabler</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-478674" class="d2h-file-wrapper" data-lang="rb"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-478674">data/lib/phlex/icons/version.rb</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -2,6 +2,6 @@</div> </td> </tr><tr> <td id="d2h-478674-1635" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-478674-1635"> <div class="line-num1">2</div> <div class="line-num2">2</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-478674-1646" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-478674-1646"> <div class="line-num1">3</div> <div class="line-num2">3</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">module Phlex</span> </div> </td> </tr><tr> <td id="d2h-478674-1657" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-478674-1657"> <div class="line-num1">4</div> <div class="line-num2">4</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> module Icons</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">5</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> VERSION = '0.<del>14</del>.0'</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">5</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> VERSION = '0.<ins>16</ins>.0'</span> </div> </td> </tr><tr> <td id="d2h-478674-1690" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-478674-1690"> <div class="line-num1">6</div> <div class="line-num2">6</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> end</span> </div> </td> </tr><tr> <td id="d2h-478674-1701" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-478674-1701"> <div class="line-num1">7</div> <div class="line-num2">7</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">end</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-715175" class="d2h-file-wrapper" data-lang="rb"> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-715175">data/lib/{phlex_icons_tabler.rb → phlex-icons-tabler.rb}</a></span> <span class="d2h-tag d2h-moved d2h-moved-tag">RENAMED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -1,3 +1,6 @@</div> </td> </tr><tr> <td id="d2h-715175-1739" class="d2h-code-linenumber d2h-ins"><a href="#d2h-715175-1739"> <div class="line-num1"></div> <div class="line-num2">1</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"># rubocop:disable Naming/FileName</span> </div> </td> </tr><tr> <td id="d2h-715175-1750" class="d2h-code-linenumber d2h-ins"><a href="#d2h-715175-1750"> <div class="line-num1"></div> <div class="line-num2">2</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"># rubocop:enable Naming/FileName</span> </div> </td> </tr><tr> <td id="d2h-715175-1761" class="d2h-code-linenumber d2h-ins"><a href="#d2h-715175-1761"> <div class="line-num1"></div> <div class="line-num2">3</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-715175-1772" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-715175-1772"> <div class="line-num1">1</div> <div class="line-num2">4</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"># frozen_string_literal: true</span> </div> </td> </tr><tr> <td id="d2h-715175-1783" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-715175-1783"> <div class="line-num1">2</div> <div class="line-num2">5</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"><br></span> </div> </td> </tr><tr> <td id="d2h-715175-1794" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-715175-1794"> <div class="line-num1">3</div> <div class="line-num2">6</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">require 'phlex'</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> <div id="d2h-004177" class="d2h-file-wrapper" data-lang=""> <div class="d2h-file-header"> <span class="d2h-file-name-wrapper"> <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"> <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path> </svg> <span class="d2h-file-name"><a href="#d2h-004177">metadata</a></span> <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span> <label class="d2h-file-collapse"> <input class="d2h-file-collapse-input" type="checkbox" name="viewed" value="viewed"> Viewed </label> </div> <div class="d2h-file-diff"> <div class="d2h-code-wrapper"> <table class="d2h-diff-table"> <tbody class="d2h-diff-tbody"> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -1,14 +1,14 @@</div> </td> </tr><tr> <td id="d2h-004177-1832" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-1832"> <div class="line-num1">1</div> <div class="line-num2">1</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">--- !ruby/object:Gem::Specification</span> </div> </td> </tr><tr> <td id="d2h-004177-1843" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-1843"> <div class="line-num1">2</div> <div class="line-num2">2</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">name: phlex-icons-tabler</span> </div> </td> </tr><tr> <td id="d2h-004177-1854" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-1854"> <div class="line-num1">3</div> <div class="line-num2">3</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">version: !ruby/object:Gem::Version</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">4</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn"> version: 0.<del>14</del>.0</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">4</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn"> version: 0.<ins>16</ins>.0</span> </div> </td> </tr><tr> <td id="d2h-004177-1887" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-1887"> <div class="line-num1">5</div> <div class="line-num2">5</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">platform: ruby</span> </div> </td> </tr><tr> <td id="d2h-004177-1898" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-1898"> <div class="line-num1">6</div> <div class="line-num2">6</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">authors:</span> </div> </td> </tr><tr> <td id="d2h-004177-1909" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-1909"> <div class="line-num1">7</div> <div class="line-num2">7</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- Ali Hamdi Ali Fadel</span> </div> </td> </tr><tr> <td id="d2h-004177-1920" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-1920"> <div class="line-num1">8</div> <div class="line-num2">8</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">autorequire: </span> </div> </td> </tr><tr> <td id="d2h-004177-1931" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-1931"> <div class="line-num1">9</div> <div class="line-num2">9</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">bindir: exe</span> </div> </td> </tr><tr> <td id="d2h-004177-1942" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-1942"> <div class="line-num1">10</div> <div class="line-num2">10</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">cert_chain: []</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-del d2h-change"> <div class="line-num1">11</div> <div class="line-num2"></div> </a></td> <td class="d2h-del d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">date: 2024-09-<del>02</del> 00:00:00.000000000 Z</span> </div> </td> </tr><tr> <td class="d2h-code-linenumber d2h-ins d2h-change"> <div class="line-num1"></div> <div class="line-num2">11</div> </a></td> <td class="d2h-ins d2h-change"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">date: 2024-09-<ins>03</ins> 00:00:00.000000000 Z</span> </div> </td> </tr><tr> <td id="d2h-004177-1975" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-1975"> <div class="line-num1">12</div> <div class="line-num2">12</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">dependencies:</span> </div> </td> </tr><tr> <td id="d2h-004177-1986" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-1986"> <div class="line-num1">13</div> <div class="line-num2">13</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- !ruby/object:Gem::Dependency</span> </div> </td> </tr><tr> <td id="d2h-004177-1997" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-1997"> <div class="line-num1">14</div> <div class="line-num2">14</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn"> name: phlex</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -49,6 +49,7 @@ files:</div> </td> </tr><tr> <td id="d2h-004177-2014" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-2014"> <div class="line-num1">49</div> <div class="line-num2">49</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- generators/radix.rb</span> </div> </td> </tr><tr> <td id="d2h-004177-2025" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-2025"> <div class="line-num1">50</div> <div class="line-num2">50</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- generators/remix.rb</span> </div> </td> </tr><tr> <td id="d2h-004177-2036" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-2036"> <div class="line-num1">51</div> <div class="line-num2">51</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- generators/tabler.rb</span> </div> </td> </tr><tr> <td id="d2h-004177-2047" class="d2h-code-linenumber d2h-ins"><a href="#d2h-004177-2047"> <div class="line-num1"></div> <div class="line-num2">52</div> </a></td> <td class="d2h-ins"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">+</span> <span class="d2h-code-line-ctn">- lib/phlex-icons-tabler.rb</span> </div> </td> </tr><tr> <td id="d2h-004177-2058" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-2058"> <div class="line-num1">52</div> <div class="line-num2">53</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- lib/phlex/icons/base.rb</span> </div> </td> </tr><tr> <td id="d2h-004177-2069" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-2069"> <div class="line-num1">53</div> <div class="line-num2">54</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- lib/phlex/icons/configuration.rb</span> </div> </td> </tr><tr> <td id="d2h-004177-2080" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-2080"> <div class="line-num1">54</div> <div class="line-num2">55</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- lib/phlex/icons/tabler.rb</span> </div> </td> </tr> <tr> <td class="d2h-code-linenumber d2h-info"></td> <td class="d2h-info"> <div class="d2h-code-line">@@ -4905,7 +4906,6 @@ files:</div> </td> </tr><tr> <td id="d2h-004177-2097" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-2097"> <div class="line-num1">4905</div> <div class="line-num2">4906</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- lib/phlex/icons/tabler/zzz.rb</span> </div> </td> </tr><tr> <td id="d2h-004177-2108" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-2108"> <div class="line-num1">4906</div> <div class="line-num2">4907</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- lib/phlex/icons/tabler/zzz_off.rb</span> </div> </td> </tr><tr> <td id="d2h-004177-2119" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-2119"> <div class="line-num1">4907</div> <div class="line-num2">4908</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- lib/phlex/icons/version.rb</span> </div> </td> </tr><tr> <td id="d2h-004177-2130" class="d2h-code-linenumber d2h-del"><a href="#d2h-004177-2130"> <div class="line-num1">4908</div> <div class="line-num2"></div> </a></td> <td class="d2h-del"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix">-</span> <span class="d2h-code-line-ctn">- lib/phlex_icons_tabler.rb</span> </div> </td> </tr><tr> <td id="d2h-004177-2141" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-2141"> <div class="line-num1">4909</div> <div class="line-num2">4909</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- phlex-icons.png</span> </div> </td> </tr><tr> <td id="d2h-004177-2152" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-2152"> <div class="line-num1">4910</div> <div class="line-num2">4910</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">- sig/phlex/icons.rbs</span> </div> </td> </tr><tr> <td id="d2h-004177-2163" class="d2h-code-linenumber d2h-cntx"><a href="#d2h-004177-2163"> <div class="line-num1">4911</div> <div class="line-num2">4911</div> </a></td> <td class="d2h-cntx"> <div class="d2h-code-line"> <span class="d2h-code-line-prefix"> </span> <span class="d2h-code-line-ctn">homepage: https://github.com/AliOsm/phlex-icons</span> </div> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> </div> <footer class='sticky-footer mt-3'> <div class='container text-center mb-3 copyright'> <a class='mr-4 text-gray-600' href='mailto:diffend@whitesourcesoftware.com'> Contact Us </a> <a class='mr-4 text-gray-600' href='https://www.whitesourcesoftware.com/terms-of-service/'> Terms of Service </a> <a class='mr-4 text-gray-600' href='https://www.whitesourcesoftware.com/privacy-policy/'> Privacy Policy </a> <a class='mr-4 text-gray-600' href='https://diffend.io/docs'> Docs </a> </div> <div class='container mt-4'> <div class='copyright text-center'> Copyright © 2024 Mend Software </div> </div> </footer> </div> </div> </div> </body> </html>