Den Haag Design System

Icoon: Eye Open 

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
    <g id="fd1be6d1-2037-4b52-9a71-e77585cf7773" data-name="Laag 2">
        <path d="M8.1,12.8c-2.6,0-5.2-1.4-7.6-4.1L0,8.1l.5-.6C.6,7.3,3.6,3.3,8,3.2c2.7-.1,5.2,1.3,7.6,4.2L16,8l-.4.6c-.1.1-2.8,4-7.1,4.2ZM2.5,8c2,2,3.9,3,5.9,2.9A7.5,7.5,0,0,0,13.6,8C11.8,6,9.9,5,8,5.1S3.4,7,2.5,8Z" />
        <circle cx="8" cy="8" r="1.9" />
    </g>
</svg>
 
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="fd1be6d1-2037-4b52-9a71-e77585cf7773" data-name="Laag 2"><path d="M8.1,12.8c-2.6,0-5.2-1.4-7.6-4.1L0,8.1l.5-.6C.6,7.3,3.6,3.3,8,3.2c2.7-.1,5.2,1.3,7.6,4.2L16,8l-.4.6c-.1.1-2.8,4-7.1,4.2ZM2.5,8c2,2,3.9,3,5.9,2.9A7.5,7.5,0,0,0,13.6,8C11.8,6,9.9,5,8,5.1S3.4,7,2.5,8Z"/><circle cx="8" cy="8" r="1.9"/></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.