Sparkles 2 Filled アイコン
tabler:sparkles-2-filled
Sparkles 2 Filled アイコン(tabler:sparkles-2-filled)は、Tabler Icons セットの無料 SVG アイコンです（作者: Paweł Kuna）。 24 × 24 のグリッドで描かれています。 Tabler Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Tabler Icons
- 作者
- Paweł Kuna
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- sparkles、magic、stars、glitter、shine、effect、ai、highlight、special、design、sparklesfilled、sparkle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.964 2.733c.156.563.312 1 .484 1.353c.342.71.758 1.125 1.47 1.467c.353.17.79.326 1.352.484c.98.276.97 1.668-.013 1.93a8.3 8.3 0 0 0-1.34.481c-.71.342-1.127.757-1.463 1.453a8 8 0 0 0-.486 1.352c-.258.988-1.658 1-1.932.015c-.156-.565-.312-1.002-.484-1.354c-.342-.71-.758-1.124-1.458-1.46a8 8 0 0 0-1.374-.495a.4.4 0 0 1-.06-.02l-.044-.017l-.045-.02l-.049-.025l-.035-.02a.4.4 0 0 1-.049-.03l-.032-.023l-.043-.034l-.033-.028l-.036-.035l-.034-.035l-.028-.033l-.035-.043l-.022-.032a.4.4 0 0 1-.032-.049l-.02-.035l-.025-.05l-.02-.044l-.017-.043a.4.4 0 0 1-.02-.06l-.01-.034a.5.5 0 0 1-.02-.098l-.006-.065L12 7.051v-.05a.4.4 0 0 1 .003-.085a.5.5 0 0 1 .013-.093a.5.5 0 0 1 .024-.103a.4.4 0 0 1 .02-.06l.017-.044l.02-.045l.025-.049l.02-.035a.4.4 0 0 1 .03-.049l.023-.032l.034-.043l.028-.033l.035-.036l.035-.034q.015-.015.033-.028l.043-.035l.032-.022a.4.4 0 0 1 .049-.032l.035-.02l.05-.025l.044-.02l.043-.017a.4.4 0 0 1 .06-.02l.027-.008a8.3 8.3 0 0 0 1.339-.48c.71-.342 1.127-.757 1.47-1.466c.17-.354.327-.792.483-1.355c.272-.976 1.657-.976 1.928 0"/><path d="M10.965 6.737q.219.801.503 1.574c.856 2.28 1.945 3.363 4.23 4.22q.708.265 1.571.506c.976.272.974 1.656-.002 1.927q-.798.221-1.568.504c-2.288.858-3.376 1.94-4.229 4.216a19 19 0 0 0-.505 1.579c-.268.983-1.662.983-1.93 0a19 19 0 0 0-.503-1.574c-.856-2.281-1.944-3.363-4.226-4.219a20 20 0 0 0-1.594-.513a.4.4 0 0 1-.054-.018l-.044-.017l-.043-.02a.3.3 0 0 1-.048-.024l-.036-.02a.4.4 0 0 1-.048-.03l-.032-.024l-.044-.034l-.033-.029l-.037-.034l-.034-.037l-.03-.033l-.033-.044l-.023-.032a.4.4 0 0 1-.03-.048l-.021-.036a.3.3 0 0 1-.024-.048l-.02-.043l-.017-.044a.4.4 0 0 1-.018-.054a.2.2 0 0 1-.01-.039a.4.4 0 0 1-.014-.059l-.007-.04l-.007-.056l-.003-.044L2 14v-.05q0-.023.004-.044q.001-.03.007-.057l.007-.04a.4.4 0 0 1 .017-.076l.007-.021a.4.4 0 0 1 .018-.054l.017-.044l.02-.043a.3.3 0 0 1 .024-.048l.02-.036a.4.4 0 0 1 .03-.048l.024-.032l.034-.044l.029-.033l.034-.037l.037-.034l.033-.03l.044-.033l.032-.023a.4.4 0 0 1 .048-.03l.036-.021a.3.3 0 0 1 .048-.024l.043-.02l.044-.017a.4.4 0 0 1 .054-.018l.021-.007a20 20 0 0 0 1.568-.504c2.287-.858 3.375-1.94 4.229-4.216a19 19 0 0 0 .505-1.579c.268-.983 1.662-.983 1.93 0"/></g></svg>Sparkles 2 Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="tabler:sparkles-2-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tabler:sparkles-2-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tabler:sparkles-2-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--sparkles-2-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:sparkles-2-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tabler:sparkles-2-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/tabler/sparkles-2-filled.svg" alt="Sparkles 2 Filled アイコン" width="24" height="24">Tabler Icons の関連アイコン
Sparkles 2 Filled アイコン のよくある質問
Sparkles 2 Filled アイコンは商用利用でも無料ですか?
はい。Tabler Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sparkles 2 Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="tabler:sparkles-2-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sparkles 2 Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/tabler/sparkles-2-filled.svg" alt="Sparkles 2 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。