Иконка Caret Right Two Tone

keyline-icons:caret-right-two-tone

Иконка Caret Right Two Tone (keyline-icons:caret-right-two-tone) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: caretright, righttwo, twotone, caretrighttwotone

Скачать SVG

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

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

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

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

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

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

Вопросы и ответы: Иконка Caret Right Two Tone

Можно ли бесплатно использовать иконку Caret Right Two Tone в коммерческих проектах?

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

Как использовать иконку Caret Right Two Tone в React?

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

Как добавить иконку Caret Right Two Tone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/caret-right-two-tone.svg" alt="Иконка Caret Right Two Tone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →