Ícone Caret Up Down Filled
tabler:caret-up-down-filled
O ícone Caret Up Down Filled (tabler:caret-up-down-filled) é um ícone SVG gratuito da coleção Tabler Icons de Paweł Kuna. Ele é desenhado em uma grade de 24 × 24. Tabler 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
- Tabler Icons
- Autor
- Paweł Kuna
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- indicator, navigation, direction, toggle, switch, movement, select, option, upward, downward, arrows, caretup, updown, downfilled, caretupdownfilled
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.293 3.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 .073.082l.006.008l.016.022l.042.059l.009.015l.007.01l.014.027l.024.044l.007.017l.01.02l.012.032l.015.034l.007.025l.008.02l.005.026l.012.037l.004.028l.006.025l.003.026l.006.033l.002.03l.003.028v.026L19 10l-.002.033v.026l-.003.026l-.002.032l-.005.029l-.004.03l-.006.024l-.004.03l-.012.035l-.005.027l-.008.019l-.007.026l-.015.033l-.012.034l-.01.018l-.007.018l-.024.043l-.014.028l-.007.009l-.009.016l-.042.058l-.012.019l-.004.003l-.006.01a1 1 0 0 1-.155.154l-.009.006l-.022.016l-.058.042l-.016.009l-.009.007l-.028.014l-.043.024l-.018.007l-.018.01l-.034.012l-.033.015l-.024.006l-.021.009l-.027.005l-.036.012l-.029.004l-.024.006l-.028.003l-.031.006l-.032.002l-.026.003h-.026L18 11H6c-.89 0-1.337-1.077-.707-1.707zM18 13l.033.002h.026l.026.003l.032.002l.031.006l.028.003l.024.006l.03.004l.035.012l.027.005l.019.008l.026.007l.033.015l.034.012l.018.01l.018.007l.043.024l.028.014l.009.007l.016.009l.051.037l.026.017l.003.004l.01.006a1 1 0 0 1 .154.155l.006.009l.015.02l.043.06l.009.016l.007.009l.014.028l.024.043l.005.013l.012.023l.012.034l.015.033l.007.026l.008.02l.005.026l.012.036l.004.029l.006.024l.003.028l.006.031l.002.032l.003.026v.026L19 14l-.002.033v.026l-.003.026l-.002.032l-.006.031l-.003.028l-.006.024l-.004.03l-.012.035l-.005.027l-.008.019l-.007.026l-.015.033l-.012.034l-.01.018l-.007.018l-.024.043l-.014.028l-.007.009l-.009.016l-.042.058l-.012.019l-.004.003l-.006.01l-.073.081l-6 6a1 1 0 0 1-1.414 0l-6-6C4.663 14.077 5.109 13 6 13z"/></svg>
Como usar o ícone Caret Up Down Filled
React
import { Icon } from "@iconify/react";
<Icon icon="tabler:caret-up-down-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tabler:caret-up-down-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tabler:caret-up-down-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--caret-up-down-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:caret-up-down-filled"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tabler:caret-up-down-filled"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/tabler/caret-up-down-filled.svg" alt="Ícone Caret Up Down Filled" width="24" height="24">
Ícones relacionados em Tabler Icons
Perguntas frequentes sobre Ícone Caret Up Down Filled
O ícone Caret Up Down Filled é grátis para uso comercial?
Sim. Tabler Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Caret Up Down Filled no React?
Instale @iconify/react e renderize <Icon icon="tabler:caret-up-down-filled" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Caret Up Down Filled a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/tabler/caret-up-down-filled.svg" alt="Ícone Caret Up Down Filled">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Tabler Icons →
ICONYZ
