Иконка Arrow Turn Down Large

streamline-plump:arrow-turn-down-large

Иконка Arrow Turn Down Large (streamline-plump:arrow-turn-down-large) — бесплатная 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
Категория: Основы интерфейса
Теги: arrowturn, turndown, downlarge, arrowturndownlarge

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M27.519 32.739c1.411-1.987.336-4.284-2.096-4.452a113 113 0 0 0-4.489-.209a556 556 0 0 1-.107-5.898c-.056-4.299 2.757-8 7.057-8c4.531 0 7.587 3.942 7.587 8.473V34.01c0 1.665.881 3.2 2.526 3.458c.633.1 1.393.167 2.29.167c.899 0 1.66-.067 2.292-.167c1.645-.258 2.526-1.793 2.526-3.459V21.264c0-9.894-7.327-18.26-17.221-18.26c-10.676 0-18.68 9.058-18.818 19.732a807 807 0 0 1-.085 5.346c-1.78.052-3.23.125-4.402.206c-2.432.168-3.507 2.465-2.096 4.453c1.024 1.44 2.43 3.306 4.336 5.637c2.913 3.562 5.048 5.494 6.405 6.52c1.083.82 2.47.82 3.553 0c1.357-1.026 3.492-2.958 6.405-6.52c1.907-2.332 3.313-4.197 4.337-5.638Z"/></svg>

Как использовать иконку Arrow Turn Down Large

React

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

<Icon icon="streamline-plump:arrow-turn-down-large" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:arrow-turn-down-large" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:arrow-turn-down-large" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--arrow-turn-down-large]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:arrow-turn-down-large"></div>

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

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

<iconify-icon icon="streamline-plump:arrow-turn-down-large"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump/arrow-turn-down-large.svg" alt="Иконка Arrow Turn Down Large" width="24" height="24">

Иконка Arrow Turn Down Large в других наборах

Вопросы и ответы: Иконка Arrow Turn Down Large

Можно ли бесплатно использовать иконку Arrow Turn Down Large в коммерческих проектах?

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

Как использовать иконку Arrow Turn Down Large в React?

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

Как добавить иконку Arrow Turn Down Large на веб-страницу?

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

Все Plump free icons →