Den Haag Design System

Icoon: Check 

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16" class="icon">
    <g>
        <polygon fill="currentColor" points="16,3.8 14.1,1.8 12,3.9 5.6,10.3 1.9,6.6 0,8.6 3.7,12.2 3.7,12.2 5.6,14.2 7.5,12.2 7.5,12.2" />
    </g>
</svg>
 
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"
     class="icon">
  <g>
    <polygon fill="currentColor"
             points="16,3.8 14.1,1.8 12,3.9 5.6,10.3 1.9,6.6 0,8.6 3.7,12.2 3.7,12.2 5.6,14.2 7.5,12.2 7.5,12.2"/>
  </g>
</svg>
 
/* No context defined for this component. */
  • Content: 
    $icon-size: 1em; // Make sure it's the same as SVG's viewbox attribute width and height.

.icon {
  width: 1em;
  height: 1em;
  font-size: 1em;
  fill: currentColor;
  padding: .1em;
}
  • URL: /components/raw/icon/_icon.scss
  • Filesystem Path: src/components/01-componenten/icon/_icon.scss
  • Size: 186 Bytes

There are no notes for this item.