ICONYZ
Русский
Иконка Horizonal Scroll Solid из набора Plump free icons

Иконка Horizonal Scroll Solid

streamline-plump:horizonal-scroll-solid

Иконка Horizonal Scroll Solid (streamline-plump:horizonal-scroll-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
Категория
Основы интерфейса
Теги
horizonalscroll, scrollsolid, horizonalscrollsolid
Скачать 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="M12.498 10.333c.651-.628 1.674-.911 2.63-.496c2.286.995 3.254 2.716 3.623 3.659c.352.898.059 1.777-.414 2.339L11.46 24l6.876 8.166c.473.562.765 1.44.416 2.336c-.366.938-1.324 2.658-3.589 3.655c-.958.422-1.985.139-2.638-.49c-3.012-2.907-7.58-7.794-9.745-10.984a4.73 4.73 0 0 1-.003-5.365c2.16-3.19 6.708-8.078 9.72-10.985m23.003 0c-.651-.628-1.674-.911-2.63-.496c-2.286.995-3.254 2.716-3.623 3.659c-.352.898-.059 1.777.414 2.339L36.54 24l-6.877 8.166c-.473.562-.765 1.44-.415 2.336c.365.938 1.324 2.658 3.588 3.655c.958.422 1.986.139 2.638-.49c3.012-2.907 7.58-7.794 9.745-10.984a4.73 4.73 0 0 0 .003-5.365c-2.159-3.19-6.708-8.078-9.72-10.985M24 29.5a5.5 5.5 0 1 1 0-11a5.5 5.5 0 0 1 0 11" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="streamline-plump:horizonal-scroll-solid" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:horizonal-scroll-solid" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:horizonal-scroll-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--horizonal-scroll-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:horizonal-scroll-solid"></div>

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

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

<iconify-icon icon="streamline-plump:horizonal-scroll-solid"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump/horizonal-scroll-solid.svg" alt="Иконка Horizonal Scroll Solid" width="24" height="24">

Похожие иконки в наборе Plump free icons

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

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

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

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

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

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

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

Все Plump free icons →