Filter アイコン
streamline-freehand:filter
Filter アイコン(streamline-freehand:filter)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.022 10.068q.49.952 1.138 1.806c.432.572.92 1.1 1.456 1.576a10.4 10.4 0 0 0 4.15 2.385a.388.388 0 1 0 .24-.739a10.15 10.15 0 0 1-3.542-2.524a15 15 0 0 1-1.257-1.496c-.3-.38-.389-.45-.648-.799c-.699-.818-1.786-.678-1.537-.21m19.616-7.153a.43.43 0 0 0-.55 0a.367.367 0 0 0 0 .539a2.155 2.155 0 0 1 .39 2.744a6.8 6.8 0 0 1-4.08 2.554c-2.13.45-4.3.684-6.476.698a16.7 16.7 0 0 1-6.276-.997a5.6 5.6 0 0 1-.838-.47a4.6 4.6 0 0 1-.738-.498C1.872 6.486 1.553 5.658 1.862 4.88c.55-1.387 2.575-2.415 4.26-2.884q1.306-.43 2.655-.698q1.346-.24 2.714-.3a23 23 0 0 1 4.21.19c1.399.19 2.78.49 4.13.898a.34.34 0 0 0 .21-.649A26 26 0 0 0 15.811.35A25 25 0 0 0 11.46 0q-1.44.029-2.863.25q-1.419.218-2.803.6C3.748 1.417 1.343 2.734.665 4.39a2.82 2.82 0 0 0 .22 2.504c.336.516.754.975 1.237 1.357c.449.38.908.788.998.868q.481.271.997.469c1.733.639 3.562.976 5.408.998a31 31 0 0 0 8.042-.908a9 9 0 0 0 4.41-2.694q.176-.216.27-.48c.458-1.146.728-2.653-.61-3.59m.25 4.969a7.2 7.2 0 0 1-1.187 2.145a11.5 11.5 0 0 1-1.227 1.596q-.69.756-1.487 1.397a13.5 13.5 0 0 1-4.2 2.325a.38.38 0 0 0-.25.26s-.07-.05-.11-.05a.388.388 0 0 0-.429.409c-.07.748 0 1.855 0 2.783a2.4 2.4 0 0 1-.24.998a3 3 0 0 1-.408.509c-.44.449-.998.898-1.387 1.267l-.51.579l-.079-1.138a60 60 0 0 1-.22-2.993c0-.679-.06-1.347-.07-1.996a.34.34 0 0 0-.318-.349a.35.35 0 0 0-.36.33c-.07.848-.12 1.706-.15 2.554s-.09 1.546-.1 2.444v1.597c0 .209-.099.608-.069.788a.76.76 0 0 0 .24.479a.68.68 0 0 0 .728.13c.275-.102.53-.254.748-.45q.57-.546 1.068-1.157c.329-.39.878-.878 1.297-1.367q.309-.364.529-.788c.196-.454.298-.942.299-1.437c0-.898-.16-1.925-.16-2.674a.44.44 0 0 0 .2 0a13.8 13.8 0 0 0 4.7-2.105a10.3 10.3 0 0 0 1.705-1.497a10 10 0 0 0 1.108-1.496c.28.197.5.466.638.778c.314.793.35 1.669.1 2.484a4 4 0 0 1-1.307 1.727a6.5 6.5 0 0 1-1.995 1.127a3.91 3.91 0 0 1-4.24-.659a.389.389 0 0 0-.59.5a4.79 4.79 0 0 0 5.189 1.316a6.6 6.6 0 0 0 2.504-1.287a4.86 4.86 0 0 0 1.596-2.404a5 5 0 0 0-.468-3.213a2.63 2.63 0 0 0-1.058-.998c.538-.811.833-1.76.848-2.734c-.03-.449-.539-.269-.878.27"/></svg>
Filter アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:filter" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:filter" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:filter" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--filter]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:filter"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:filter"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/filter.svg" alt="Filter アイコン" width="24" height="24">
Filter アイコン のよくある質問
Filter アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Filter アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:filter" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Filter アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/filter.svg" alt="Filter アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand free icons をすべて見る →
ICONYZ
