Иконка Arrow Turn Down Large Solid

streamline-plump:arrow-turn-down-large-solid

Иконка Arrow Turn Down Large Solid (streamline-plump:arrow-turn-down-large-solid) — бесплатная 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, largesolid, arrowturndownlargesolid

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M3.702 27.573c-1.373.1-2.424.811-2.91 1.842c-.484 1.03-.365 2.294.427 3.419c1.105 1.569 2.652 3.631 4.783 6.238c3.185 3.894 5.513 5.98 6.987 7.079c1.266.943 2.893.943 4.159 0c1.473-1.098 3.802-3.185 6.986-7.08c2.132-2.606 3.68-4.669 4.784-6.238c.793-1.125.912-2.39.427-3.419c-.485-1.03-1.536-1.741-2.91-1.84a114 114 0 0 0-4.584-.229a592 592 0 0 1-.102-5.778c-.057-4.358 2.775-7.98 6.985-7.98c4.461 0 7.549 3.883 7.549 8.489v12.208c0 1.81.97 3.639 2.936 3.974c.73.124 1.617.21 2.673.21s1.943-.086 2.673-.21c1.967-.335 2.936-2.163 2.936-3.974V20.6C47.501 9.868 39.543.73 28.734.73c-11.636 0-20.311 9.869-20.46 21.426c-.023 1.761-.05 3.512-.082 5.191a114 114 0 0 0-4.49.225"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:arrow-turn-down-large-solid"></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-solid"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Plump free icons →