Ícone Caret Right Two Tone

keyline-icons:caret-right-two-tone

O ícone Caret Right Two Tone (keyline-icons:caret-right-two-tone) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Keyline Icons
Autor: Keyline Icons
Licença: MIT
Tamanho: 24 × 24
Tags: caretright, righttwo, twotone, caretrighttwotone

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M6.8105 4.0249C6.9397 4.0507 7.0688 4.0951 7.1953 4.1587L7.293 4.2124L18.25 10.6831C18.3749 10.7568 18.4844 10.8436 18.5781 10.9409C19.2348 11.6229 19.1253 12.8009 18.25 13.3178L7.293 19.7885C6.9056 20.0173 6.4861 20.0526 6.1133 19.9458C5.989 19.9102 5.8699 19.8586 5.7588 19.7934C5.315 19.5329 5.0003 19.0514 5 18.4721L5 5.5288C5.0002 4.8267 5.4619 4.2675 6.0557 4.0717C6.1743 4.0326 6.2983 4.0079 6.4248 3.9995C6.5516 3.991 6.6812 3.999 6.8105 4.0249Z" stroke="none"/><path d="M17.7413 12.456L6.7841 18.9273C6.43652 19.1326 6 18.8787 6 18.4713L6 5.52868C6 5.12126 6.43651 4.86742 6.7841 5.0727L17.7413 11.544C18.0862 11.7477 18.0862 12.2523 17.7413 12.456Z"/></g></svg>

Como usar o ícone Caret Right Two Tone

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:caret-right-two-tone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:caret-right-two-tone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:caret-right-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--caret-right-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:caret-right-two-tone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:caret-right-two-tone"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/caret-right-two-tone.svg" alt="Ícone Caret Right Two Tone" width="24" height="24">

Ícones relacionados em Keyline Icons

Perguntas frequentes sobre Ícone Caret Right Two Tone

O ícone Caret Right Two Tone é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Caret Right Two Tone no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:caret-right-two-tone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Caret Right Two Tone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/caret-right-two-tone.svg" alt="Ícone Caret Right Two Tone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →