Icono Caret Up Two Tone

keyline-icons:caret-up-two-tone

El icono Caret Up Two Tone (keyline-icons:caret-up-two-tone) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Keyline Icons
Autor: Keyline Icons
Licencia: MIT
Tamaño: 24 × 24
Etiquetas: caretup, uptwo, twotone, caretuptwotone

Descargar 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="M11.9997 5.0001C12.0555 5.0001 12.1112 5.003 12.1667 5.0089C12.2224 5.0149 12.2778 5.0243 12.3327 5.0363C12.4969 5.0722 12.656 5.135 12.8024 5.2247C12.8999 5.2845 12.9919 5.356 13.0759 5.4396C13.118 5.4815 13.1581 5.5265 13.196 5.5744L13.3171 5.7501L19.7878 16.7072C19.8069 16.7396 19.8251 16.772 19.8415 16.8048C19.9233 16.9679 19.9718 17.1356 19.9919 17.3019C20.008 17.4352 20.0054 17.5676 19.986 17.6964C19.9475 17.9538 19.8421 18.1961 19.6853 18.4005C19.6069 18.5027 19.5159 18.5956 19.4138 18.6759C19.2093 18.8366 18.961 18.9474 18.6843 18.9855C18.615 18.995 18.544 19.0001 18.4714 19.0001L5.528 19.0001C4.7309 18.9999 4.1195 18.4043 4.0134 17.6964C3.9941 17.5676 3.9915 17.4352 4.0075 17.3019C4.0276 17.1355 4.077 16.9681 4.1589 16.8048C4.1753 16.7722 4.1926 16.7394 4.2116 16.7072L10.6823 5.7501L10.8034 5.5744C10.8413 5.5265 10.8815 5.4815 10.9235 5.4396C11.0075 5.356 11.0995 5.2845 11.197 5.2247C11.2946 5.1649 11.3979 5.1171 11.5046 5.0812C11.6646 5.0273 11.8321 5.0001 11.9997 5.0001Z" stroke="none"/><path d="M11.544 6.25868L5.0727 17.2159C4.86742 17.5635 5.12126 18 5.52868 18H18.4713C18.8787 18 19.1326 17.5635 18.9273 17.2159L12.456 6.25868C12.2523 5.91377 11.7477 5.91377 11.544 6.25868Z"/></g></svg>

Cómo usar el icono Caret Up Two Tone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:caret-up-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-up-two-tone"></iconify-icon>

Imagen HTML

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

Iconos relacionados en Keyline Icons

Preguntas frecuentes sobre Icono Caret Up Two Tone

¿El icono Caret Up Two Tone es gratis para uso comercial?

Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Caret Up Two Tone en React?

Instala @iconify/react y renderiza <Icon icon="keyline-icons:caret-up-two-tone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Caret Up Two Tone a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/caret-up-two-tone.svg" alt="Icono Caret Up Two Tone">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Keyline Icons →