Sparkle アイコン
emojione-v1:sparkle
Sparkle アイコン(emojione-v1:sparkle)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 記号
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#37b34a" d="M63.51 57.29c0 3.731-3.224 6.957-6.956 6.957H7.444c-3.725 0-6.95-3.226-6.95-6.957V8.18c0-3.727 3.225-6.953 6.95-6.953h49.11c3.732 0 6.956 3.226 6.956 6.953z"/><path fill="#0f7b40" d="M.491 49.11v8.185c0 3.731 3.225 6.957 6.95 6.957h49.11c3.732 0 6.956-3.226 6.956-6.957V8.185C51.69 47.024 14.277 49.485.487 49.112"/><path fill="#fff" d="M60.42 33.4c0-2.143-6.814-3.962-16.649-4.804c6.207-7.424 9.669-13.437 8.184-14.927c-1.525-1.521-7.816 2.168-15.521 8.695c-.794-10.458-2.696-17.842-4.903-17.842c-2.216 0-4.099 7.384-4.89 17.854c-7.697-6.531-13.988-10.233-15.525-8.702c-1.485 1.492 1.982 7.501 8.196 14.921c-9.835.843-16.653 2.663-16.653 4.805c0 2.215 7.335 4.093 17.747 4.883c-6.915 8.03-10.858 14.659-9.291 16.228c1.538 1.533 7.875-2.186 15.625-8.768c.851 9.771 2.673 16.532 4.79 16.532s3.949-6.767 4.802-16.544c7.746 6.594 14.09 10.338 15.629 8.791c1.579-1.585-2.376-8.208-9.301-16.232c10.425-.797 17.76-2.675 17.76-4.89" opacity=".65"/><g fill="#fff"><path d="M16.17 33.585c0 1.396 5.434 2.536 12.592 2.774c.242 7.163 1.388 12.593 2.774 12.593c1.388 0 2.542-5.43 2.784-12.593c7.158-.238 12.586-1.378 12.586-2.774c0-1.388-5.428-2.535-12.586-2.773c-.242-7.162-1.396-12.593-2.784-12.593c-1.386 0-2.532 5.431-2.774 12.593c-7.159.238-12.592 1.385-12.592 2.773"/><path d="M20.672 23.09c-.984.987 2.05 5.638 6.94 10.865c-4.897 5.231-7.917 9.89-6.94 10.87c.981.979 5.631-2.049 10.866-6.938c5.231 4.89 9.882 7.924 10.867 6.938c.981-.98-2.049-5.631-6.944-10.865c4.896-5.232 7.919-9.89 6.94-10.87c-.981-.978-5.632 2.049-10.87 6.945c-5.228-4.888-9.877-7.923-10.859-6.945"/></g></svg>
Sparkle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:sparkle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:sparkle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:sparkle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--sparkle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:sparkle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:sparkle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/sparkle.svg" alt="Sparkle アイコン" width="24" height="24">
Sparkle アイコン のよくある質問
Sparkle アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Sparkle アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:sparkle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sparkle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/sparkle.svg" alt="Sparkle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
