Filter Light アイコン
stash:filter-light
Filter Light アイコン(stash:filter-light)は、Stash Icons セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Filter Light アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。