Icons

  • id: w-c-6

Default 

  •         {% include "@Components/icon/icon.twig" with {props: {
  src: "@Images/svg/chevron-right.svg",
}} %}

      
  •             
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>      </span>

lg - 24px 

  •         {% include "@Components/icon/icon.twig" with {props: {
  src: "@Images/svg/chevron-right.svg",
  size: "lg",
}} %}

      
  •             
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>      </span>

sm - 16px 

  •         {% include "@Components/icon/icon.twig" with {props: {
  src: "@Images/svg/chevron-right.svg",
  size: "sm",
}} %}

      
  •             
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>      </span>

xs - 8px 

  •         {% include "@Components/icon/icon.twig" with {props: {
  src: "@Images/svg/chevron-right.svg",
  size: "xs",
}} %}

      
  •             
  <span class="icon d-flex align-items-center justify-content-center  --xs">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>      </span>

xl - 32px 

  •         {% include "@Components/icon/icon.twig" with {props: {
  src: "@Images/svg/chevron-right.svg",
  size: "xl",
}} %}

      
  •             
  <span class="icon d-flex align-items-center justify-content-center  --xl">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>      </span>

xxl - 40px 

  •         {% include "@Components/icon/icon.twig" with {props: {
  src: "@Images/svg/chevron-right.svg",
  size: "xxl",
}} %}

      
  •             
  <span class="icon d-flex align-items-center justify-content-center  --xxl">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>      </span>

Color primary 

  •         {% include "@Components/icon/icon.twig" with {props: {
  src: "@Images/svg/chevron-right.svg",
  color: "primary",
}} %}

      
  •             
  <span class="icon d-flex align-items-center justify-content-center --colored --primary">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>      </span>

Color white 

  •         {% include "@Components/icon/icon.twig" with {props: {
    src: "@Images/svg/chevron-right.svg",
    color: "white"
  }
} %}

      
  •             
  <span class="icon d-flex align-items-center justify-content-center --colored --white">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>      </span>