Etat Pur Design System

Social: Tiktok 

<svg class=" shrink-0" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4076 4.18502C12.3176 4.13851 12.23 4.08752 12.1451 4.03225C11.8982 3.86905 11.6719 3.67675 11.4709 3.4595C10.9682 2.88425 10.7804 2.30067 10.7112 1.89208H10.714C10.6563 1.55293 10.6801 1.3335 10.6838 1.3335H8.39387V10.1881C8.39387 10.3069 8.39387 10.4244 8.38887 10.5405C8.38887 10.555 8.38748 10.5683 8.38664 10.5839C8.38664 10.5903 8.38664 10.5969 8.38525 10.6036C8.38525 10.6053 8.38525 10.6069 8.38525 10.6086C8.36112 10.9263 8.25928 11.2332 8.08869 11.5023C7.9181 11.7714 7.684 11.9945 7.40697 12.1518C7.11825 12.3161 6.79169 12.4023 6.45952 12.4018C5.39263 12.4018 4.52795 11.5319 4.52795 10.4575C4.52795 9.38309 5.39263 8.51314 6.45952 8.51314C6.66147 8.51295 6.86219 8.54473 7.05421 8.6073L7.05699 6.27575C6.47406 6.20045 5.88186 6.24678 5.31773 6.41181C4.75361 6.57684 4.22981 6.85699 3.77937 7.23459C3.38469 7.57752 3.05288 7.98669 2.79887 8.4437C2.7022 8.61036 2.3375 9.28004 2.29334 10.3669C2.26556 10.9838 2.45083 11.623 2.53916 11.8871V11.8927C2.59471 12.0482 2.80998 12.579 3.16079 13.0265C3.44368 13.3855 3.7779 13.7008 4.15269 13.9623V13.9568L4.15824 13.9623C5.2668 14.7156 6.4959 14.6662 6.4959 14.6662C6.70867 14.6576 7.42141 14.6662 8.23082 14.2826C9.12855 13.8573 9.63964 13.2237 9.63964 13.2237C9.96614 12.8452 10.2258 12.4137 10.4074 11.948C10.6146 11.4033 10.6838 10.75 10.6838 10.4889V5.79133C10.7115 5.808 11.0815 6.0527 11.0815 6.0527C11.0815 6.0527 11.6145 6.39435 12.4462 6.61684C13.0428 6.77517 13.8466 6.8085 13.8466 6.8085V4.53528C13.565 4.56583 12.9931 4.47695 12.4076 4.18502Z" fill="currentColor" />

</svg>
 
{% include "@template-icon" %}
 
{
  "type": "social",
  "width": 16,
  "height": 16,
  "viewBox": "0 0 16 16",
  "path": "M12.4076 4.18502C12.3176 4.13851 12.23 4.08752 12.1451 4.03225C11.8982 3.86905 11.6719 3.67675 11.4709 3.4595C10.9682 2.88425 10.7804 2.30067 10.7112 1.89208H10.714C10.6563 1.55293 10.6801 1.3335 10.6838 1.3335H8.39387V10.1881C8.39387 10.3069 8.39387 10.4244 8.38887 10.5405C8.38887 10.555 8.38748 10.5683 8.38664 10.5839C8.38664 10.5903 8.38664 10.5969 8.38525 10.6036C8.38525 10.6053 8.38525 10.6069 8.38525 10.6086C8.36112 10.9263 8.25928 11.2332 8.08869 11.5023C7.9181 11.7714 7.684 11.9945 7.40697 12.1518C7.11825 12.3161 6.79169 12.4023 6.45952 12.4018C5.39263 12.4018 4.52795 11.5319 4.52795 10.4575C4.52795 9.38309 5.39263 8.51314 6.45952 8.51314C6.66147 8.51295 6.86219 8.54473 7.05421 8.6073L7.05699 6.27575C6.47406 6.20045 5.88186 6.24678 5.31773 6.41181C4.75361 6.57684 4.22981 6.85699 3.77937 7.23459C3.38469 7.57752 3.05288 7.98669 2.79887 8.4437C2.7022 8.61036 2.3375 9.28004 2.29334 10.3669C2.26556 10.9838 2.45083 11.623 2.53916 11.8871V11.8927C2.59471 12.0482 2.80998 12.579 3.16079 13.0265C3.44368 13.3855 3.7779 13.7008 4.15269 13.9623V13.9568L4.15824 13.9623C5.2668 14.7156 6.4959 14.6662 6.4959 14.6662C6.70867 14.6576 7.42141 14.6662 8.23082 14.2826C9.12855 13.8573 9.63964 13.2237 9.63964 13.2237C9.96614 12.8452 10.2258 12.4137 10.4074 11.948C10.6146 11.4033 10.6838 10.75 10.6838 10.4889V5.79133C10.7115 5.808 11.0815 6.0527 11.0815 6.0527C11.0815 6.0527 11.6145 6.39435 12.4462 6.61684C13.0428 6.77517 13.8466 6.8085 13.8466 6.8085V4.53528C13.565 4.56583 12.9931 4.47695 12.4076 4.18502Z"
}

Social icons guide

How to use

(You can click on the icons to copy the correct icon name)

Template name

icons-social

Import

{% render "@icons-social--variant" with {...} %}

Examples

{% render "@icons-library--facebook" %}

Available props

  • viewBox: string | default: 0 0 48 24
  • iconClass: string | default: null
  • aria_hidden: boolean | default: true
  • size: 12, 16, 24, 32, 40, 48, 64, 92 | default: 24
  • path: string | default: svg path d attribute