Eraser Sparkles アイコン
keyline-icons:eraser-sparkles
Eraser Sparkles アイコン(keyline-icons:eraser-sparkles)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- erasersparkles、sparkle
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.1716 4.5858L21.4142 8.8284C22.1952 9.6095 22.1952 10.8758 21.4142 11.6569L11.0711 22L5.4142 22L2.5858 19.1716C1.8047 18.3905 1.8047 17.1242 2.5858 16.3431L14.3431 4.5858C15.1242 3.8047 16.3905 3.8047 17.1716 4.5858ZM8 10.9289L15.0711 18M8.2427 22L22 22"/><path fill="currentColor" d="M5.5492 1.3739L6.1373 2.8648C6.3173 3.3213 6.6787 3.6827 7.1352 3.8627L8.6261 4.4508C8.8518 4.5397 9 4.7576 9 5C9 5.2424 8.8518 5.4603 8.6261 5.5492L7.1352 6.1373C6.6787 6.3173 6.3173 6.6787 6.1373 7.1352L5.5492 8.6261C5.4603 8.8518 5.2424 9 5 9C4.7576 9 4.5397 8.8518 4.4508 8.6261L3.8627 7.1352C3.6827 6.6787 3.3213 6.3173 2.8648 6.1373L1.3739 5.5492C1.1482 5.4603 1 5.2424 1 5C1 4.7576 1.1482 4.5397 1.3739 4.4508L2.8648 3.8627C3.3213 3.6827 3.6827 3.3213 3.8627 2.8648L4.4508 1.3739C4.5397 1.1482 4.7576 1 5 1C5.2424 1 5.4603 1.1482 5.5492 1.3739ZM15.2746 9.1869L15.5687 9.9324C15.6587 10.1607 15.8393 10.3413 16.0676 10.4313L16.8131 10.7254C16.9259 10.7698 17 10.8788 17 11C17 11.1212 16.9259 11.2302 16.8131 11.2746L16.0676 11.5687C15.8393 11.6587 15.6587 11.8393 15.5687 12.0676L15.2746 12.8131C15.2302 12.9259 15.1212 13 15 13C14.8788 13 14.7698 12.9259 14.7254 12.8131L14.4313 12.0676C14.3413 11.8393 14.1607 11.6587 13.9324 11.5687L13.1869 11.2746C13.0741 11.2302 13 11.1212 13 11C13 10.8788 13.0741 10.7698 13.1869 10.7254L13.9324 10.4313C14.1607 10.3413 14.3413 10.1607 14.4313 9.9324L14.7254 9.1869C14.7698 9.0741 14.8788 9 15 9C15.1212 9 15.2302 9.0741 15.2746 9.1869Z" stroke="none"/></g></svg>Eraser Sparkles アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:eraser-sparkles" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:eraser-sparkles" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:eraser-sparkles" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--eraser-sparkles]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:eraser-sparkles"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:eraser-sparkles"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/eraser-sparkles.svg" alt="Eraser Sparkles アイコン" width="24" height="24">Keyline Icons の関連アイコン
eraser
eraser-duotone
eraser-fill
eraser-sharp
eraser-sharp-duotone
eraser-sharp-fill
eraser-sharp-two-tone
eraser-sparkles-duotone
eraser-sparkles-fill
eraser-sparkles-sharp
eraser-sparkles-sharp-duotone
eraser-sparkles-sharp-fill
eraser-sparkles-sharp-two-tone
eraser-sparkles-two-tone
eraser-two-tone
Eraser Sparkles アイコン のよくある質問
Eraser Sparkles アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Eraser Sparkles アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:eraser-sparkles" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Eraser Sparkles アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/eraser-sparkles.svg" alt="Eraser Sparkles アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。