Иконка Filter Light
stash:filter-light
Иконка Filter Light (stash:filter-light) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Stash Icons
- Автор
- Pingback LLC
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- filterlight
Код 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>Как использовать иконку 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>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:filter-light"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/stash/filter-light.svg" alt="Иконка Filter Light" width="24" height="24">Похожие иконки в наборе Stash Icons
Вопросы и ответы: Иконка Filter Light
Можно ли бесплатно использовать иконку Filter Light в коммерческих проектах?
Да. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Filter Light в React?
Установите @iconify/react и выведите <Icon icon="stash:filter-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Filter Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/stash/filter-light.svg" alt="Иконка Filter Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.