Иконка Caret Up Down Filled

tabler:caret-up-down-filled

Иконка Caret Up Down Filled (tabler:caret-up-down-filled) — бесплатная SVG-иконка из набора Tabler Icons от Paweł Kuna. Она нарисована на сетке 24 × 24. Tabler Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Tabler Icons
Автор: Paweł Kuna
Лицензия: MIT
Размер: 24 × 24
Теги: indicator, navigation, direction, toggle, switch, movement, select, option, upward, downward, arrows, caretup, updown, downfilled, caretupdownfilled

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/tabler/caret-up-down-filled.svg" alt="Иконка Caret Up Down Filled" width="24" height="24">

Вопросы и ответы: Иконка Caret Up Down Filled

Можно ли бесплатно использовать иконку Caret Up Down Filled в коммерческих проектах?

Да. Tabler Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Caret Up Down Filled в React?

Установите @iconify/react и выведите <Icon icon="tabler:caret-up-down-filled" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Caret Up Down Filled на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/tabler/caret-up-down-filled.svg" alt="Иконка Caret Up Down Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Tabler Icons →