ICONYZ
Русский
Иконка Scroll Vertical из набора Huge Icons

Иконка Scroll Vertical

hugeicons:scroll-vertical

Иконка Scroll Vertical (hugeicons:scroll-vertical) — бесплатная SVG-иконка из набора Huge Icons от Hugeicons. Она нарисована на сетке 24 × 24. Huge Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Huge Icons
Автор
Hugeicons
Лицензия
MIT
Размер
24 × 24
Теги
scrollvertical
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0ZM11.933 2c1.38-.04 4.628 5.345 3.983 5.852c-.73.575-2.902-.8-3.594-1.11c-.416-.186-.596-.181-1.012.03c-1.881.96-2.818 1.436-3.224 1.14c-.646-.471 2.5-5.872 3.847-5.912Zm.134 20c-1.38.04-4.628-5.32-3.983-5.824c.73-.573 2.902.796 3.594 1.104c.416.185.596.18 1.012-.03c.58-.295 2.51-1.65 3.224-1.134c.646.469-2.5 5.844-3.847 5.884Z"/></svg>

Как использовать иконку Scroll Vertical

React

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

<Icon icon="hugeicons:scroll-vertical" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:scroll-vertical" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:scroll-vertical" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--scroll-vertical]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:scroll-vertical"></div>

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

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

<iconify-icon icon="hugeicons:scroll-vertical"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/hugeicons/scroll-vertical.svg" alt="Иконка Scroll Vertical" width="24" height="24">

Похожие иконки в наборе Huge Icons

Иконка scroll
scroll
 Иконка scroll-01
scroll-01
 Иконка scroll-horizontal
scroll-horizontal
 Иконка scroll-text
scroll-text

Иконка Scroll Vertical в других наборах

Иконка Scroll Vertical из набора Pixelarticons
Pixelarticons
 Иконка Scroll Vertical из набора Ultimate color icons
Ultimate color icons
 Иконка Scroll Vertical из набора Ultimate free icons
Ultimate free icons

Вопросы и ответы: Иконка Scroll Vertical

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

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

Как использовать иконку Scroll Vertical в React?

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

Как добавить иконку Scroll Vertical на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/hugeicons/scroll-vertical.svg" alt="Иконка Scroll Vertical">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Huge Icons →