Иконка Scroll Horizontal
openmoji:scroll-horizontal
Иконка Scroll Horizontal (openmoji:scroll-horizontal) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- OpenMoji
- Автор
- OpenMoji
- Лицензия
- CC-BY-SA-4.0
- Размер
- 72 × 72
- Категория
- Дополнения OpenMoji
- Теги
- scrollhorizontal
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="M37.297 16.773h-2.472c-5.876 0-10.684 4.808-10.684 10.684V44.39c0 5.876 4.808 10.684 10.684 10.684h2.472c5.876 0 10.684-4.808 10.684-10.684V27.457c0-5.876-4.808-10.684-10.684-10.684"/><path fill="#3f3f3f" d="M36.061 22.112a2.08 2.08 0 0 0-2.074 2.074v5.834a2.08 2.08 0 0 0 2.074 2.073a2.08 2.08 0 0 0 2.074-2.073v-5.834a2.08 2.08 0 0 0-2.074-2.074"/><path fill="#9b9b9a" d="M35.136 18.177c3.027 1.299 5.904 3.163 6.239 7.873c.388 5.455-1.63 15.669-2.28 20.857c-.453 3.627-2.247 5.307-4.63 7.21c-1.2.961 5.267.844 7.93-.713c2.286-1.336 4.5-3.629 4.527-2.904l.323-25.804s-.937-6.938-8.566-6.94c0 0-7.652-.395-3.543.42"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M38.83 54.501h-5.537c-4.97 0-9.035-4.065-9.035-9.034V26.38c0-4.969 4.066-9.034 9.035-9.034h5.536c4.97 0 9.035 4.065 9.035 9.034v19.087c0 4.969-4.066 9.034-9.035 9.034"/><path d="M36.145 32.155h-.168a2.035 2.035 0 0 1-2.03-2.03V24.08c0-1.116.914-2.029 2.03-2.029h.168c1.116 0 2.03.913 2.03 2.03v6.046c0 1.116-.914 2.03-2.03 2.03m-21.113 2.034l-5.215-5.216m5.215-5.258l-5.215 5.216m47.339-5.216l5.216 5.216m-5.216 5.258l5.216-5.216"/></g></svg>Как использовать иконку Scroll Horizontal
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:scroll-horizontal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:scroll-horizontal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:scroll-horizontal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--scroll-horizontal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:scroll-horizontal"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:scroll-horizontal"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/openmoji/scroll-horizontal.svg" alt="Иконка Scroll Horizontal" width="24" height="24">Похожие иконки в наборе OpenMoji
Иконка Scroll Horizontal в других наборах
Вопросы и ответы: Иконка Scroll Horizontal
Можно ли бесплатно использовать иконку Scroll Horizontal в коммерческих проектах?
Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Scroll Horizontal в React?
Установите @iconify/react и выведите <Icon icon="openmoji:scroll-horizontal" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Scroll Horizontal на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/scroll-horizontal.svg" alt="Иконка Scroll Horizontal">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.