Icon

<svg class="u-elevation-level-600 c-icon c-icon--20" aria-hidden="true" focusable="false">
    <use xlink:href="#icn-hamburger-menu-24px"></use>
</svg>
<svg class="u-elevation-level-600 c-icon{% if modifier is defined %} {{ modifier }}{% endif %}" aria-hidden="true" focusable="false">
  <use xlink:href="#{{ symbol }}"></use>
</svg>
{
  "modifier": "c-icon--20",
  "symbol": "icn-hamburger-menu-24px"
}
  • Content:
    .c-icon {
      fill: currentColor;
    }
    
    .c-icon--8 {
      width: remify(8px);
      height: remify(8px);
    }
    .c-icon--16 {
      width: remify(16px);
      height: remify(16px);
    }
    .c-icon--20 {
      width: remify(20px);
      height: remify(20px);
    }
    .c-icon--24 {
      width: remify(24px);
      height: remify(24px);
    }
    .c-icon--32 {
      width: remify(32px);
      height: remify(32px);
    }
    .c-icon--48 {
      width: remify(48px);
      height: remify(48px);
    }
    .c-icon--56 {
      width: remify(56px);
      height: remify(56px);
    }
  • URL: /components/raw/icon/_icon.scss
  • Filesystem Path: src/pattern-library/02-components/icon/_icon.scss
  • Size: 472 Bytes

No notes defined.