​ ​ ​ Icons - Sizes | Crossroads Digital Design Kit ​
  1. UI COMPONENTS
  2. ATOMS
  3. ICONS

UI Components / Icons

Resizing Icons

Add one of the following classes to resize an icon.

  • .icon-1
  • .icon-2
  • .icon-3
  • .icon-4
  • .icon-5
  • .icon-6 
<svg class="icon icon-1" viewBox="0 0 256 256">
  <use xlink:href="/assets/svgs/icons.svg#github"></use>
</svg>

<svg class="icon icon-2" viewBox="0 0 256 256">
  <use xlink:href="/assets/svgs/icons.svg#github"></use>
</svg>

<svg class="icon icon-3" viewBox="0 0 256 256">
  <use xlink:href="/assets/svgs/icons.svg#github"></use>
</svg>

<svg class="icon icon-4" viewBox="0 0 256 256">
  <use xlink:href="/assets/svgs/icons.svg#github"></use>
</svg>

<svg class="icon icon-5" viewBox="0 0 256 256">
  <use xlink:href="/assets/svgs/icons.svg#github"></use>
</svg>

<svg class="icon icon-6" viewBox="0 0 256 256">
  <use xlink:href="/assets/svgs/icons.svg#github"></use>
</svg>