Иконка Slider Vertical Outline

solar:slider-vertical-outline

Иконка Slider Vertical Outline (solar:slider-vertical-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
Категория: Интерфейс
Теги: slidervertical, verticaloutline, sliderverticaloutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.9451 1.25H12.0549C13.4225 1.24998 14.5248 1.24996 15.3918 1.36652C16.2919 1.48754 17.0497 1.74643 17.6517 2.34835C18.0515 2.74821 18.3 3.2169 18.4572 3.75038C18.9415 3.75175 19.3537 3.75801 19.7031 3.78655C20.1663 3.8244 20.5847 3.90514 20.9755 4.10423C21.587 4.41582 22.0842 4.91301 22.3958 5.52453C22.5949 5.91527 22.6756 6.33367 22.7134 6.79693C22.75 7.2445 22.75 7.79521 22.75 8.46859V15.5314C22.75 16.2048 22.75 16.7555 22.7134 17.2031C22.6756 17.6663 22.5949 18.0847 22.3958 18.4755C22.0842 19.087 21.587 19.5842 20.9755 19.8958C20.5847 20.0949 20.1663 20.1756 19.7031 20.2134C19.3537 20.242 18.9415 20.2483 18.4572 20.2496C18.3 20.7831 18.0515 21.2518 17.6517 21.6517C17.0497 22.2536 16.2919 22.5125 15.3918 22.6335C14.5248 22.75 13.4225 22.75 12.0549 22.75H11.9451C10.5775 22.75 9.47522 22.75 8.60825 22.6335C7.70814 22.5125 6.95027 22.2536 6.34835 21.6517C5.94849 21.2518 5.70001 20.7831 5.54277 20.2496C5.05846 20.2483 4.64627 20.242 4.29693 20.2134C3.83367 20.1756 3.41527 20.0949 3.02453 19.8958C2.413 19.5842 1.91582 19.087 1.60423 18.4755C1.40514 18.0847 1.3244 17.6663 1.28655 17.2031C1.24998 16.7555 1.24999 16.2048 1.25 15.5314V8.46858C1.24999 7.7952 1.24998 7.2445 1.28655 6.79693C1.3244 6.33367 1.40514 5.91527 1.60423 5.52453C1.91582 4.91301 2.413 4.41582 3.02453 4.10423C3.41527 3.90514 3.83367 3.8244 4.29693 3.78655C4.64628 3.75801 5.05846 3.75175 5.54277 3.75038C5.70001 3.2169 5.94849 2.74821 6.34835 2.34835C6.95027 1.74643 7.70814 1.48754 8.60825 1.36652C9.47521 1.24996 10.5775 1.24998 11.9451 1.25ZM5.30265 5.25169C4.94458 5.25449 4.6597 5.26191 4.41908 5.28157C4.04858 5.31184 3.84956 5.36735 3.70552 5.44074C3.37623 5.60852 3.10852 5.87623 2.94074 6.20552C2.86735 6.34956 2.81184 6.54858 2.78157 6.91908C2.75058 7.29833 2.75 7.78756 2.75 8.5V15.5C2.75 16.2124 2.75058 16.7017 2.78157 17.0809C2.81184 17.4514 2.86735 17.6504 2.94074 17.7945C3.10852 18.1238 3.37623 18.3915 3.70552 18.5593C3.84956 18.6327 4.04858 18.6882 4.41908 18.7184C4.6597 18.7381 4.94458 18.7455 5.30265 18.7483C5.24997 17.9977 5.24998 17.1044 5.25 16.0549V7.94513C5.24998 6.89559 5.24997 6.00229 5.30265 5.25169ZM18.75 7.94511C18.75 6.89558 18.75 6.00228 18.6974 5.25169C19.0554 5.25449 19.3403 5.26191 19.5809 5.28157C19.9514 5.31184 20.1504 5.36735 20.2945 5.44074C20.6238 5.60852 20.8915 5.87623 21.0593 6.20552C21.1327 6.34956 21.1882 6.54858 21.2184 6.91908C21.2494 7.29833 21.25 7.78756 21.25 8.5V15.5C21.25 16.2124 21.2494 16.7017 21.2184 17.0809C21.1882 17.4514 21.1327 17.6504 21.0593 17.7945C20.8915 18.1238 20.6238 18.3915 20.2945 18.5593C20.1504 18.6327 19.9514 18.6882 19.5809 18.7184C19.3403 18.7381 19.0554 18.7455 18.6974 18.7483C18.75 17.9977 18.75 17.1044 18.75 16.0549V7.94511ZM8.80812 2.85315C8.07435 2.9518 7.68577 3.13225 7.40901 3.40901C7.13225 3.68577 6.9518 4.07435 6.85315 4.80812C6.75159 5.56347 6.75 6.56459 6.75 8V16C6.75 17.4354 6.75159 18.4365 6.85315 19.1919C6.9518 19.9257 7.13225 20.3142 7.40901 20.591C7.68577 20.8678 8.07435 21.0482 8.80812 21.1469C9.56347 21.2484 10.5646 21.25 12 21.25C13.4354 21.25 14.4365 21.2484 15.1919 21.1469C15.9257 21.0482 16.3142 20.8678 16.591 20.591C16.8678 20.3142 17.0482 19.9257 17.1469 19.1919C17.2484 18.4365 17.25 17.4354 17.25 16V8C17.25 6.56459 17.2484 5.56347 17.1469 4.80812C17.0482 4.07435 16.8678 3.68577 16.591 3.40901C16.3142 3.13225 15.9257 2.9518 15.1919 2.85315C14.4365 2.75159 13.4354 2.75 12 2.75C10.5646 2.75 9.56347 2.75159 8.80812 2.85315Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →