Иконка Slider Minimalistic Horizontal Outline

solar:slider-minimalistic-horizontal-outline

Иконка Slider Minimalistic Horizontal Outline (solar:slider-minimalistic-horizontal-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Интерфейс
Теги: sliderminimalistic, minimalistichorizontal, horizontaloutline, sliderminimalistichorizontaloutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3.75 3C3.75 2.58579 4.08579 2.25 4.5 2.25H19.5C19.9142 2.25 20.25 2.58579 20.25 3C20.25 3.41421 19.9142 3.75 19.5 3.75L4.5 3.75C4.08579 3.75 3.75 3.41421 3.75 3Z"/><path fill-rule="evenodd" d="M19.3918 5.36652C20.2919 5.48754 21.0497 5.74643 21.6517 6.34835C22.2536 6.95027 22.5125 7.70814 22.6335 8.60825C22.75 9.47522 22.75 10.5775 22.75 11.9451V12.0549C22.75 13.4225 22.75 14.5248 22.6335 15.3918C22.5125 16.2919 22.2536 17.0497 21.6517 17.6516C21.0497 18.2536 20.2919 18.5125 19.3918 18.6335C18.5248 18.75 17.4225 18.75 16.0549 18.75H7.94513C6.57754 18.75 5.47522 18.75 4.60825 18.6335C3.70814 18.5125 2.95027 18.2536 2.34835 17.6516C1.74643 17.0497 1.48754 16.2919 1.36652 15.3918C1.24996 14.5248 1.24998 13.4225 1.25 12.0549V11.9451C1.24998 10.5775 1.24996 9.47521 1.36652 8.60825C1.48754 7.70814 1.74643 6.95027 2.34835 6.34835C2.95027 5.74643 3.70814 5.48754 4.60825 5.36652C5.47522 5.24996 6.57753 5.24998 7.94512 5.25L16.0549 5.25C17.4225 5.24998 18.5248 5.24996 19.3918 5.36652ZM19.1919 6.85315C18.4365 6.75159 17.4354 6.75 16 6.75H8C6.56459 6.75 5.56347 6.75159 4.80812 6.85315C4.07435 6.9518 3.68577 7.13225 3.40901 7.40901C3.13225 7.68577 2.9518 8.07435 2.85315 8.80812C2.75159 9.56347 2.75 10.5646 2.75 12C2.75 13.4354 2.75159 14.4365 2.85315 15.1919C2.9518 15.9257 3.13225 16.3142 3.40901 16.591C3.68577 16.8678 4.07435 17.0482 4.80812 17.1469C5.56347 17.2484 6.56459 17.25 8 17.25H16C17.4354 17.25 18.4365 17.2484 19.1919 17.1469C19.9257 17.0482 20.3142 16.8678 20.591 16.591C20.8678 16.3142 21.0482 15.9257 21.1469 15.1919C21.2484 14.4365 21.25 13.4354 21.25 12C21.25 10.5646 21.2484 9.56347 21.1469 8.80812C21.0482 8.07434 20.8678 7.68577 20.591 7.40901C20.3142 7.13225 19.9257 6.9518 19.1919 6.85315Z" clip-rule="evenodd"/><path d="M4.5 21.75C4.08579 21.75 3.75 21.4142 3.75 21C3.75 20.5858 4.08579 20.25 4.5 20.25H19.5C19.9142 20.25 20.25 20.5858 20.25 21C20.25 21.4142 19.9142 21.75 19.5 21.75H4.5Z"/></g></svg>

Как использовать иконку Slider Minimalistic Horizontal Outline

React

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

<Icon icon="solar:slider-minimalistic-horizontal-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:slider-minimalistic-horizontal-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:slider-minimalistic-horizontal-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--slider-minimalistic-horizontal-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:slider-minimalistic-horizontal-outline"></div>

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

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

<iconify-icon icon="solar:slider-minimalistic-horizontal-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/slider-minimalistic-horizontal-outline.svg" alt="Иконка Slider Minimalistic Horizontal Outline" width="24" height="24">

Вопросы и ответы: Иконка Slider Minimalistic Horizontal Outline

Можно ли бесплатно использовать иконку Slider Minimalistic Horizontal Outline в коммерческих проектах?

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

Как использовать иконку Slider Minimalistic Horizontal Outline в React?

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

Как добавить иконку Slider Minimalistic Horizontal Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/slider-minimalistic-horizontal-outline.svg" alt="Иконка Slider Minimalistic Horizontal Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →