Search Category Flat アイコン
streamline-flex-color:search-category-flat
Search Category Flat アイコン(streamline-flex-color:search-category-flat)は、Flex color icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 基本インターフェース
- タグ
- searchcategory、categoryflat、searchcategoryflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#8fbffa" d="M1.74.147C2.199.096 2.686.05 3.189.05c.502 0 .99.046 1.446.097a1.826 1.826 0 0 1 1.607 1.612c.049.455.092.938.092 1.436q-.001.354-.025.695a4.8 4.8 0 0 0-1.44.988a4.8 4.8 0 0 0-.987 1.437a10 10 0 0 1-.693.026c-.503 0-.99-.046-1.447-.097A1.826 1.826 0 0 1 .134 4.632a14 14 0 0 1-.092-1.437c0-.498.043-.981.092-1.436A1.826 1.826 0 0 1 1.74.147m1.735 7.512a9 9 0 0 0-.288-.005c-.502 0-.99.046-1.446.097A1.826 1.826 0 0 0 .134 9.363A14 14 0 0 0 .042 10.8c0 .498.043.982.092 1.437c.09.844.765 1.518 1.607 1.612a13 13 0 0 0 1.446.096a13 13 0 0 0 1.447-.096c.35-.04.67-.178.932-.387a4.7 4.7 0 0 1-.698-.576c-1.072-1.071-1.496-2.517-1.496-4.004a7 7 0 0 1 .103-1.223m9.987-2.069a1.8 1.8 0 0 0 .404-.958c.049-.455.092-.938.092-1.437c0-.498-.043-.981-.092-1.436A1.825 1.825 0 0 0 12.26.147A13 13 0 0 0 10.812.05c-.502 0-.99.046-1.446.097a1.826 1.826 0 0 0-1.607 1.612a14 14 0 0 0-.092 1.436q0 .145.004.286a7 7 0 0 1 1.201-.099c1.487 0 2.933.424 4.004 1.496q.333.333.586.712"/><path fill="#2859c5" d="M6.122 8.882c0-.982.274-1.643.69-2.06c.417-.416 1.078-.69 2.06-.69s1.643.274 2.06.69c.416.417.69 1.078.69 2.06s-.274 1.643-.69 2.06c-.417.416-1.078.69-2.06.69s-1.643-.274-2.06-.69c-.416-.417-.69-1.078-.69-2.06m2.75-4.25c-1.258 0-2.347.356-3.12 1.13s-1.13 1.862-1.13 3.12s.356 2.347 1.13 3.12s1.862 1.13 3.12 1.13c.965 0 1.83-.21 2.53-.656l1.254 1.254a.75.75 0 0 0 1.06-1.06l-1.253-1.254c.449-.7.66-1.567.66-2.534c0-1.258-.357-2.347-1.13-3.12c-.774-.774-1.863-1.13-3.12-1.13Z"/></g></svg>Search Category Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:search-category-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:search-category-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:search-category-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--search-category-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:search-category-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex-color:search-category-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/search-category-flat.svg" alt="Search Category Flat アイコン" width="24" height="24">Flex color icons の関連アイコン
Search Category Flat アイコン のよくある質問
Search Category Flat アイコンは商用利用でも無料ですか?
はい。Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Search Category Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex-color:search-category-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Search Category Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/search-category-flat.svg" alt="Search Category Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。