Den Haag Design System

Icoon: Question Circle 

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon">
    <path d="M8,0a8,8,0,1,0,8,8A8,8,0,0,0,8,0ZM8,13a1.2,1.2,0,1,1,1.2-1.2A1.2,1.2,0,0,1,8,13Zm3.28-6.88a2.32,2.32,0,0,1-.16.51,2.31,2.31,0,0,1-.52.8A2.44,2.44,0,0,1,9,8.18V9.5H7V6.63H8.5a1,1,0,0,0,.86-.51A1.07,1.07,0,0,0,9.5,5.6a1,1,0,0,0-1-1h-1A1,1,0,0,0,7,4.69a1.06,1.06,0,0,0-.51.91H4.66A2.6,2.6,0,0,1,6.5,3.09,1.7,1.7,0,0,1,7,3H8.83a2.55,2.55,0,0,1,2.5,2.6A3.15,3.15,0,0,1,11.28,6.12Z" />
</svg>
 
<svg xmlns="http://www.w3.org/2000/svg" 
  viewBox="0 0 16 16"
  class="icon">
<path d="M8,0a8,8,0,1,0,8,8A8,8,0,0,0,8,0ZM8,13a1.2,1.2,0,1,1,1.2-1.2A1.2,1.2,0,0,1,8,13Zm3.28-6.88a2.32,2.32,0,0,1-.16.51,2.31,2.31,0,0,1-.52.8A2.44,2.44,0,0,1,9,8.18V9.5H7V6.63H8.5a1,1,0,0,0,.86-.51A1.07,1.07,0,0,0,9.5,5.6a1,1,0,0,0-1-1h-1A1,1,0,0,0,7,4.69a1.06,1.06,0,0,0-.51.91H4.66A2.6,2.6,0,0,1,6.5,3.09,1.7,1.7,0,0,1,7,3H8.83a2.55,2.55,0,0,1,2.5,2.6A3.15,3.15,0,0,1,11.28,6.12Z"/>
</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.