ICONYZ
Русский
Иконка Diagonal Triangle Arrow 2 Remix из набора Plump free icons

Иконка Diagonal Triangle Arrow 2 Remix

streamline-plump:diagonal-triangle-arrow-2-remix

Иконка Diagonal Triangle Arrow 2 Remix (streamline-plump:diagonal-triangle-arrow-2-remix) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Plump free icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
48 × 48
Категория
Основы интерфейса
Теги
diagonaltriangle, trianglearrow, arrowremix, diagonaltrianglearrowremix
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M22.13 1.337C17.077.842 11.305.971 6.757 1.225a5.863 5.863 0 0 0-5.532 5.531c-.256 4.57-.384 10.378.12 15.45c.166 1.669 1.148 3.036 2.575 3.658c1.434.626 3.112.41 4.443-.641a74 74 0 0 0 3.418-2.885a180 180 0 0 0 6.756 7.126a180 180 0 0 0 7.134 6.763a77 77 0 0 0-2.832 3.357c-1.062 1.341-1.277 3.033-.654 4.475c.622 1.437 1.995 2.438 3.685 2.604c5.053.495 10.825.366 15.373.112a5.863 5.863 0 0 0 5.532-5.531c.255-4.57.384-10.378-.12-15.45c-.166-1.669-1.148-3.036-2.575-3.658c-1.434-.626-3.112-.41-4.443.641a74 74 0 0 0-3.396 2.866a192 192 0 0 0-6.777-7.107a192 192 0 0 0-7.115-6.785a77 77 0 0 0 2.812-3.334c1.062-1.342 1.277-3.034.654-4.476c-.622-1.437-1.995-2.438-3.685-2.604M6.98 5.22c4.476-.25 10.01-.366 14.76.1c.166.016.26.064.31.1s.078.076.093.11a.24.24 0 0 1 .016.131a.6.6 0 0 1-.134.274c-.93 1.174-2.22 2.705-3.983 4.613a2 2 0 0 0 .15 2.861c2.15 1.883 4.98 4.492 8.444 7.956c3.46 3.46 6.068 6.29 7.95 8.437a2 2 0 0 0 2.864.149c1.945-1.803 3.49-3.106 4.664-4.032a.55.55 0 0 1 .259-.128a.2.2 0 0 1 .108.012a.24.24 0 0 1 .096.084a.6.6 0 0 1 .098.303c.474 4.766.358 10.333.106 14.831a1.863 1.863 0 0 1-1.761 1.761c-4.476.25-10.01.366-14.76-.1a.63.63 0 0 1-.31-.1a.24.24 0 0 1-.11-.242a.6.6 0 0 1 .135-.273c.933-1.18 2.232-2.718 4.006-4.638a2 2 0 0 0-.154-2.865a172 172 0 0 1-8.462-7.928a172 172 0 0 1-7.923-8.456a2 2 0 0 0-2.867-.152c-1.957 1.815-3.51 3.125-4.689 4.055a.55.55 0 0 1-.26.128a.2.2 0 0 1-.107-.012a.24.24 0 0 1-.097-.084a.6.6 0 0 1-.097-.303c-.474-4.766-.358-10.333-.106-14.831A1.863 1.863 0 0 1 6.98 5.219" clip-rule="evenodd"/></svg>

Как использовать иконку Diagonal Triangle Arrow 2 Remix

React

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

<Icon icon="streamline-plump:diagonal-triangle-arrow-2-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:diagonal-triangle-arrow-2-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:diagonal-triangle-arrow-2-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--diagonal-triangle-arrow-2-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:diagonal-triangle-arrow-2-remix"></div>

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

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

<iconify-icon icon="streamline-plump:diagonal-triangle-arrow-2-remix"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump/diagonal-triangle-arrow-2-remix.svg" alt="Иконка Diagonal Triangle Arrow 2 Remix" width="24" height="24">

Вопросы и ответы: Иконка Diagonal Triangle Arrow 2 Remix

Можно ли бесплатно использовать иконку Diagonal Triangle Arrow 2 Remix в коммерческих проектах?

Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Diagonal Triangle Arrow 2 Remix в React?

Установите @iconify/react и выведите <Icon icon="streamline-plump:diagonal-triangle-arrow-2-remix" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Diagonal Triangle Arrow 2 Remix на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump/diagonal-triangle-arrow-2-remix.svg" alt="Иконка Diagonal Triangle Arrow 2 Remix">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Plump free icons →