Icône Slider Minimalistic Horizontal Outline

solar:slider-minimalistic-horizontal-outline

L'icône Slider Minimalistic Horizontal Outline (solar:slider-minimalistic-horizontal-outline) 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: sliderminimalistic, minimalistichorizontal, horizontaloutline, sliderminimalistichorizontaloutline

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="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>

Comment utiliser l'icône 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>

Web component

<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>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/slider-minimalistic-horizontal-outline.svg" alt="Icône Slider Minimalistic Horizontal Outline" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Slider Minimalistic Horizontal Outline

L'icône Slider Minimalistic Horizontal Outline 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 Minimalistic Horizontal Outline dans React ?

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

Comment ajouter l'icône Slider Minimalistic Horizontal Outline à une page web ?

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

Voir toutes les Icônes Solar →