Search 2 List Fill アイコン

Q: Search 2 List Fill アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:search-2-list-fill

Search 2 List Fill アイコン(keyline-icons:search-2-list-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: searchlist、listfill、searchlistfill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M20 11C20 15.9706 15.9706 20 11 20C6.0294 20 2 15.9706 2 11C2 6.0294 6.0294 2 11 2C15.9706 2 20 6.0294 20 11ZM8.8 10L11.2 10C11.7523 10 12.2 9.5523 12.2 9C12.2 8.4477 11.7523 8 11.2 8L8.8 8C8.2477 8 7.8 8.4477 7.8 9C7.8 9.5523 8.2477 10 8.8 10ZM8.8 14L13.2 14C13.7523 14 14.2 13.5523 14.2 13C14.2 12.4477 13.7523 12 13.2 12L8.8 12C8.2477 12 7.8 12.4477 7.8 13C7.8 13.5523 8.2477 14 8.8 14Z" clip-rule="evenodd" stroke="none"/><path d="M17 17L21 21"/></g></svg>

Search 2 List Fill アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:search-2-list-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:search-2-list-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:search-2-list-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--search-2-list-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:search-2-list-fill"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:search-2-list-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/search-2-list-fill.svg" alt="Search 2 List Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Search 2 List Fill アイコンのよくある質問

Search 2 List Fill アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Search 2 List Fill アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:search-2-list-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Search 2 List Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/search-2-list-fill.svg" alt="Search 2 List Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →