Den Haag Design System

Icoon: Eye Closed 

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
    <g id="fd6d6302-eec0-441e-9818-ee6049335871" data-name="Laag 5">
        <path d="M7.5,5.1,9.4,3.3H8C3.6,3.3.6,7.3.5,7.5L0,8.1l.5.5a15.3,15.3,0,0,0,1.8,1.8L3.6,9,2.5,8A9.2,9.2,0,0,1,7.5,5.1Zm2.7-1.6L8.6,5.1h0l1.6-1.6ZM2.8,10.8h.1L4.2,9.5h0Z" />
        <path d="M7.6,6.1,6.1,7.6h.1L7.6,6.1Z" />
        <path d="M15.6,7.4a14.2,14.2,0,0,0-3.5-3.1l2.7-2.6L13.4.3,10.2,3.5,8.6,5.1l-1,1L2.9,10.8,0,13.7l1.4,1.4,3.2-3.2a7.3,7.3,0,0,0,3.5.9h.4c4.3-.2,7-4.1,7.1-4.2L16,8ZM8.4,10.9A6.7,6.7,0,0,1,6,10.5l.9-.9A2,2,0,0,0,8,9.9,1.9,1.9,0,0,0,10,8a2.1,2.1,0,0,0-.4-1.1l1.1-1.2A11.7,11.7,0,0,1,13.6,8,7.5,7.5,0,0,1,8.4,10.9Z" />
    </g>
</svg>
 
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="fd6d6302-eec0-441e-9818-ee6049335871" data-name="Laag 5"><path d="M7.5,5.1,9.4,3.3H8C3.6,3.3.6,7.3.5,7.5L0,8.1l.5.5a15.3,15.3,0,0,0,1.8,1.8L3.6,9,2.5,8A9.2,9.2,0,0,1,7.5,5.1Zm2.7-1.6L8.6,5.1h0l1.6-1.6ZM2.8,10.8h.1L4.2,9.5h0Z"/><path d="M7.6,6.1,6.1,7.6h.1L7.6,6.1Z"/><path d="M15.6,7.4a14.2,14.2,0,0,0-3.5-3.1l2.7-2.6L13.4.3,10.2,3.5,8.6,5.1l-1,1L2.9,10.8,0,13.7l1.4,1.4,3.2-3.2a7.3,7.3,0,0,0,3.5.9h.4c4.3-.2,7-4.1,7.1-4.2L16,8ZM8.4,10.9A6.7,6.7,0,0,1,6,10.5l.9-.9A2,2,0,0,0,8,9.9,1.9,1.9,0,0,0,10,8a2.1,2.1,0,0,0-.4-1.1l1.1-1.2A11.7,11.7,0,0,1,13.6,8,7.5,7.5,0,0,1,8.4,10.9Z"/></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.