ICONYZ
Русский
Иконка Trolley Arrow Down из набора SmartIcons Glyph

Иконка Trolley Arrow Down

si-glyph:trolley-arrow-down

Иконка Trolley Arrow Down (si-glyph:trolley-arrow-down) — бесплатная SVG-иконка из набора SmartIcons Glyph от SmartIcons. Она нарисована на сетке 17 × 24. SmartIcons Glyph icons выпущены под лицензией CC BY SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
SmartIcons Glyph
Автор
SmartIcons
Лицензия
CC-BY-SA-4.0
Размер
17 × 24
Теги
trolleyarrow, arrowdown, trolleyarrowdown
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="17" height="24" viewBox="0 0 17 24"><g fill="none" fill-rule="evenodd"><path d="M3.17 9.994h1.873V7.959H2.861zM6 8h2.062v2.078H6zm-.969-3.029H2.52l.314 2.066h2.197zM12 7.109h1.746l.332-2.14H12zM9 8h2.062v2.094H9zm2.969 2.031h1.617l.289-2.047h-1.906z"/><path fill="currentColor" d="M4.039 13.484a1.437 1.437 0 1 0 2.768-.542H4.148c-.07.167-.109.351-.109.542m6.022.016c0 .821.65 1.485 1.453 1.485s1.451-.664 1.451-1.485c0-.197-.039-.385-.107-.557h-2.689c-.069.172-.108.36-.108.557m1.453-1.484q-.152 0-.293.03h.586a1.4 1.4 0 0 0-.293-.03"/><path fill="currentColor" d="M11.221 12.046H3.564c-.319 0-.501.056-.501.423s.182.474.501.474h.583a1.435 1.435 0 0 1 2.659 0l3.362.001a1.46 1.46 0 0 1 1.053-.898"/><path fill="currentColor" d="M15.684 1.337c-.717 0-1.297.599-1.297 1.338l-.172 1.343h-3.172v.951h-.027v2.047H8.969v-.974h-.938v1.005H5.953V4.953h.005v-.936H1.557c-.318 0-.541.287-.541.654c0 .139.01.27.072.375L2.299 10.5c.04.172.168.299.331.369a.5.5 0 0 0 .265.083H13.36l-.174 1.093h-1.379c.48.101.871.443 1.051.897h1.496l1.16-8.948c.057.007.111.018.17.018c.715 0 1.295-.6 1.295-1.338s-.581-1.337-1.295-1.337M2.52 4.971h2.512v2.066H2.835zm2.523 5.023H3.17l-.309-2.035h2.182zm2.988.053H5.969V7.969h2.062zm3 0H8.969V7.953h2.062zm2.555-.016h-1.617V7.984h1.906zm.16-2.922H12V4.968h2.078zm-8.269 4.938c-.603 0-1.116.371-1.33.896h2.659a1.435 1.435 0 0 0-1.329-.896"/><path fill="currentColor" d="M11.807 12.046h-.586c-.48.101-.872.443-1.053.897h2.689a1.46 1.46 0 0 0-1.05-.897M9 3V1h-.979v2h-1l1.5 1.938L9.979 3z"/></g></svg>

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

React

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

<Icon icon="si-glyph:trolley-arrow-down" width="24" />

Vue

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

<template>
  <Icon icon="si-glyph:trolley-arrow-down" width="24" />
</template>

Svelte

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

<Icon icon="si-glyph:trolley-arrow-down" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--trolley-arrow-down]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:trolley-arrow-down"></div>

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

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

<iconify-icon icon="si-glyph:trolley-arrow-down"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/si-glyph/trolley-arrow-down.svg" alt="Иконка Trolley Arrow Down" width="24" height="24">

Похожие иконки в наборе SmartIcons Glyph

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

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

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

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

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

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

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

Все Иконки SmartIcons Glyph →