Search 2 Sparkles アイコン

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

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

keyline-icons:search-2-sparkles

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

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

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 d="M17 17L21 21M10 3.06189C10.3276 3.02104 10.6613 3 11 3C15.4183 3 19 6.5817 19 11C19 15.4183 15.4183 19 11 19C6.5817 19 3 15.4183 3 11C3 10.6613 3.02104 10.3276 3.06189 10"/><path fill="currentColor" d="M10.4508 7.37388L9.86266 8.86478C9.68269 9.32133 9.32133 9.68269 8.86479 9.86266L7.37388 10.4508C7.14821 10.5397 7 10.7576 7 11C7 11.2424 7.14821 11.4603 7.37388 11.5492L8.86479 12.1373C9.32133 12.3173 9.68269 12.6787 9.86266 13.1352L10.4508 14.6261C10.5397 14.8518 10.7576 15 11 15C11.2424 15 11.4603 14.8518 11.5492 14.6261L12.1373 13.1352C12.3173 12.6787 12.6787 12.3173 13.1352 12.1373L14.6261 11.5492C14.8518 11.4603 15 11.2424 15 11C15 10.7576 14.8518 10.5397 14.6261 10.4508L13.1352 9.86266C12.6787 9.68269 12.3173 9.32133 12.1373 8.86478L11.5492 7.37388C11.4603 7.14821 11.2424 7 11 7C10.7576 7 10.5397 7.14821 10.4508 7.37388ZM4.15672 2.23367L3.78916 3.16549C3.67668 3.45083 3.45083 3.67668 3.16549 3.78916L2.23367 4.15672C2.09263 4.2123 2 4.34847 2 4.5C2 4.65153 2.09263 4.7877 2.23367 4.84328L3.16549 5.21084C3.45083 5.32332 3.67668 5.54917 3.78916 5.83451L4.15672 6.76633C4.2123 6.90737 4.34847 7 4.5 7C4.65153 7 4.7877 6.90737 4.84328 6.76633L5.21084 5.83451C5.32332 5.54917 5.54917 5.32332 5.83451 5.21084L6.76633 4.84328C6.90737 4.7877 7 4.65153 7 4.5C7 4.34847 6.90737 4.2123 6.76633 4.15672L5.83451 3.78916C5.54917 3.67668 5.32332 3.45083 5.21084 3.16549L4.84328 2.23367C4.7877 2.09263 4.65153 2 4.5 2C4.34847 2 4.2123 2.09263 4.15672 2.23367Z" stroke="none"/></g></svg>

Search 2 Sparkles アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:search-2-sparkles"></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-sparkles"></iconify-icon>

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →