Den Haag Design System

Icoon: Cross 

<svg x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16">
    <rect x="-2.1" y="6.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.3137 8)" width="20.1" height="2.5" />
    <rect x="-2.1" y="6.7" transform="matrix(0.7071 0.7071 -0.7071 0.7071 8 -3.3137)" width="20.1" height="2.5" />
</svg>
 
{{!-- <svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon">
  <g transform="translate(-0.212897, 0.000000)" fill="currentColor">
    <polygon transform="translate(7.987483, 8.000000) rotate(45.000000) translate(-7.987483, -8.000000) " points="6.06922712 -1.35149864 9.90573938 -1.35149864 9.90573938 17.3514986 6.06922712 17.3514986"></polygon>
    <polygon transform="translate(7.978202, 8.012517) rotate(-45.000000) translate(-7.978202, -8.012517) " points="6.0599455 -1.33898189 9.89645777 -1.33898189 9.89645777 17.3640154 6.0599455 17.3640154"></polygon>
  </g>
</svg> --}}

<svg x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16">
	<rect x="-2.1" y="6.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.3137 8)" width="20.1" height="2.5"/>
	<rect x="-2.1" y="6.7" transform="matrix(0.7071 0.7071 -0.7071 0.7071 8 -3.3137)" width="20.1" height="2.5"/>
</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.