Icône Filter Light
stash:filter-light
L'icône Filter Light (stash:filter-light) est une icône SVG gratuite de la collection Stash Icons par Pingback LLC. Elle est dessinée sur une grille de 24 × 24. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Stash Icons
- Auteur
- Pingback LLC
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- filterlight
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.542 5h6.916c.466 0 .852 0 1.151.028c.297.028.611.09.858.294c.338.277.53.693.533 1.129c.002.316-.14.6-.301.858c-.163.26-.4.573-.69.954l-2.59 3.414c-.246.324-.327.434-.383.551a1.5 1.5 0 0 0-.12.359c-.026.13-.028.27-.028.682v4.236c0 .215 0 .408-.013.563c-.014.153-.046.359-.177.537a.96.96 0 0 1-.714.394c-.227.014-.419-.077-.552-.152s-.29-.183-.461-.301l-.984-.68l-.042-.029c-.2-.137-.38-.26-.514-.43a1.5 1.5 0 0 1-.26-.5c-.06-.208-.06-.427-.06-.676V13.27c0-.412-.001-.553-.027-.682a1.5 1.5 0 0 0-.12-.359c-.056-.117-.137-.227-.383-.551l-2.558-3.37l-.006-.01l-.027-.034a14 14 0 0 1-.689-.954c-.161-.257-.303-.542-.301-.858c.002-.436.195-.852.533-1.13c.247-.203.56-.265.858-.293C5.69 5 6.076 5 6.542 5m-.117 3.5l1.952 2.572l.028.037c.208.274.354.465.459.682q.14.288.202.604c.046.236.046.479.046.828v2.956c0 .33.004.395.02.446q.026.09.082.16c.03.038.075.075.341.259l.966.666c.167.115.277.19.36.241c.007-.103.007-.246.007-.467v-4.261c0-.35 0-.592.046-.828q.063-.316.202-.604c.105-.217.251-.408.46-.683l.027-.036L13.575 8.5zm7.908-1c.236-.311.403-.538.518-.721c.14-.224.15-.305.149-.323a.47.47 0 0 0-.168-.362c-.005-.004-.062-.046-.316-.07C14.269 6 13.93 6 13.432 6H6.568c-.499 0-.837 0-1.084.024c-.254.024-.311.066-.316.07A.47.47 0 0 0 5 6.456c0 .018.009.1.149.323c.115.183.282.41.518.721zm1.667 3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5M14.5 13a.5.5 0 0 1 .5-.5h4.5a.5.5 0 0 1 0 1H15a.5.5 0 0 1-.5-.5m-.5 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2.5a.5.5 0 0 1 .5-.5H17a.5.5 0 0 1 0 1h-2.5a.5.5 0 0 1-.5-.5"/></svg>Comment utiliser l'icône Filter Light
React
import { Icon } from "@iconify/react";
<Icon icon="stash:filter-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:filter-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:filter-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--filter-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:filter-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:filter-light"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/stash/filter-light.svg" alt="Icône Filter Light" width="24" height="24">Icônes similaires dans Stash Icons
FAQ : Icône Filter Light
L'icône Filter Light est-elle gratuite pour un usage commercial ?
Oui. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Filter Light dans React ?
Installez @iconify/react et affichez <Icon icon="stash:filter-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Filter Light à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/stash/filter-light.svg" alt="Icône Filter Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.