Icône Slider Vertical Bold

solar:slider-vertical-bold

L'icône Slider Vertical Bold (solar:slider-vertical-bold) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Solar
Auteur: 480 Design
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Interface
Mots-clés: slidervertical, verticalbold, sliderverticalbold

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.41861 8C6.41861 5.17157 6.41861 3.75736 7.23598 2.87868C8.05336 2 9.36891 2 12 2C14.6311 2 15.9466 2 16.764 2.87868C17.5814 3.75736 17.5814 5.17157 17.5814 8V16C17.5814 18.8284 17.5814 20.2426 16.764 21.1213C15.9466 22 14.6311 22 12 22C9.36891 22 8.05336 22 7.23598 21.1213C6.41861 20.2426 6.41861 18.8284 6.41861 16L6.41861 8Z"/><path d="M5.02325 7.90125L5.02326 8L5.02325 16.0987C5.0232 17.0815 5.02316 17.9638 5.06946 18.7277C5.08581 18.9974 5.10793 19.2523 5.13787 19.4917C5.15132 19.5992 5.16661 19.7062 5.18411 19.8126C5.21968 20.0288 5.05257 20.2326 4.83435 20.2134C4.40341 20.1756 4.01421 20.0949 3.65073 19.8958C3.08186 19.5842 2.61937 19.087 2.32952 18.4755C2.14431 18.0847 2.06921 17.6663 2.034 17.2031C1.99999 16.7555 1.99999 16.2048 2 15.5314L2 8.46859C1.99999 7.79521 1.99999 7.2445 2.034 6.79693C2.06921 6.33367 2.14431 5.91527 2.32952 5.52453C2.61937 4.913 3.08186 4.41582 3.65073 4.10423C4.01421 3.90514 4.40341 3.8244 4.83435 3.78655C5.05257 3.76739 5.21968 3.97125 5.18411 4.1874C5.16661 4.29376 5.15132 4.40079 5.13787 4.50831C5.10793 4.74771 5.08581 5.00264 5.06946 5.27233C5.02316 6.03622 5.0232 6.91848 5.02325 7.90125Z"/><path d="M18.9767 16.0987L18.9767 7.90126C18.9768 6.91849 18.9768 6.03623 18.9305 5.27233C18.9142 5.00264 18.8921 4.74771 18.8621 4.50831C18.8487 4.40079 18.8334 4.29376 18.8159 4.1874C18.7803 3.97125 18.9474 3.76739 19.1656 3.78655C19.5966 3.8244 19.9858 3.90514 20.3493 4.10423C20.9181 4.41582 21.3806 4.913 21.6705 5.52453C21.8557 5.91527 21.9308 6.33367 21.966 6.79693C22 7.2445 22 7.79521 22 8.46859L22 15.5314C22 16.2048 22 16.7555 21.966 17.2031C21.9308 17.6663 21.8557 18.0847 21.6705 18.4755C21.3806 19.087 20.9181 19.5842 20.3493 19.8958C19.9858 20.0949 19.5966 20.1756 19.1656 20.2134C18.9474 20.2326 18.7803 20.0288 18.8159 19.8126C18.8334 19.7062 18.8487 19.5992 18.8621 19.4917C18.8921 19.2523 18.9142 18.9974 18.9305 18.7277C18.9768 17.9638 18.9768 17.0815 18.9767 16.0987Z"/></g></svg>

Comment utiliser l'icône Slider Vertical Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/slider-vertical-bold.svg" alt="Icône Slider Vertical Bold" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Slider Vertical Bold

L'icône Slider Vertical Bold est-elle gratuite pour un usage commercial ?

Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Slider Vertical Bold dans React ?

Installez @iconify/react et affichez <Icon icon="solar:slider-vertical-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Slider Vertical Bold à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/slider-vertical-bold.svg" alt="Icône Slider Vertical Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →