Person Dancing With Sparkles アイコン
pinhead:person-dancing-with-sparkles
Person Dancing With Sparkles アイコン(pinhead:person-dancing-with-sparkles)は、Pinhead Map Icons セットの無料 SVG アイコンです(作者: Quincy Morgan)。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- persondancing、dancingwith、withsparkles、persondancingwithsparkles、sparkle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M9.55.03c-.4.11-.63.52-.52.92l.23.86c.25.91 0 1.89-.66 2.57c-.73.76-1.85.98-2.82.57l-.29-.13c-.57-.24-1.03-.72-1.25-1.31C4.08 3.08 4 2.63 4 2.17V2c0-.41-.34-.75-.75-.75s-.75.34-.75.75v.17c0 .64.11 1.27.34 1.87c.33.89.98 1.62 1.82 2.05l.08.05c.59.37.92 1.05.85 1.74l-.13 1.43c-.02.09-.03.18-.04.27L5 14.18c-.03.41.27.78.68.82c.41.03.78-.27.82-.68l.42-4.6c0-.06.02-.12.04-.17s.05-.1.09-.14l.06-.05c.06-.06.12-.11.2-.13l.01-.01c.23-.06.47.02.61.21l.98 1.34c.21.29.31.64.28 1L9 14.19a.752.752 0 1 0 1.5.12l.18-2.43c.06-.71-.14-1.41-.56-1.99l-.97-1.34a1.16 1.16 0 0 1-.25-.58l-.09-.82c-.05-.55.21-1.06.59-1.45l.27-.27a4.19 4.19 0 0 0 1.04-4.02l-.24-.86a.745.745 0 0 0-.92-.52m-2.8 4.1c-.83 0-1.5-.68-1.5-1.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5c0 .82-.67 1.5-1.5 1.5m5.89.66c.03-.17.19-.29.36-.29s.33.12.36.29l.11.49c.08.38.37.67.75.75l.49.11c.17.03.29.19.29.36c0 .18-.12.33-.29.36l-.49.11c-.38.08-.67.37-.75.75l-.11.49c-.03.17-.19.29-.36.29s-.33-.12-.36-.29l-.11-.49a.96.96 0 0 0-.75-.75l-.49-.11A.36.36 0 0 1 11 6.5c0-.17.12-.33.29-.36l.49-.11c.38-.08.67-.37.75-.75zM2 7c-.18 0-.33.12-.36.29l-.11.49c-.08.38-.37.67-.75.75l-.49.11C.12 8.67 0 8.83 0 9c0 .18.12.33.29.36l.49.11c.38.08.67.37.75.75l.11.49c.03.17.18.29.36.29c.17 0 .33-.12.36-.29l.11-.49c.08-.38.37-.67.75-.75l.49-.11C3.88 9.33 4 9.18 4 9c0-.17-.12-.33-.29-.36l-.49-.11a.96.96 0 0 1-.75-.75l-.11-.49A.365.365 0 0 0 2 7"/></svg>Person Dancing With Sparkles アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:person-dancing-with-sparkles" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:person-dancing-with-sparkles" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:person-dancing-with-sparkles" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--person-dancing-with-sparkles]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:person-dancing-with-sparkles"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:person-dancing-with-sparkles"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/person-dancing-with-sparkles.svg" alt="Person Dancing With Sparkles アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
person
person-aiming-archery-bow
person-aiming-rifle
person-balancing
person-balancing-on-low-mounted-beam
person-baseball-batting
person-behind-barred-window
person-behind-desk
person-beside-person-above-car
person-beside-person-above-pickup-truck
person-beside-person-above-sedan
person-beside-person-above-station-wagon
person-bicycle-racing
person-boarding
person-boarding-aerial-gondola
person-boarding-bullet-train-on-railway-track
person-boarding-bus-with-destination-display
person-boarding-bus-with-destination-display-and-pantograph
person-boarding-car
person-boarding-diesel-train-on-railway-track
person-boarding-ferryboat
person-boarding-hanging-rail-transit-vehicle-with-destination-display
person-boarding-kids-train-on-railway-track
person-boarding-monorail-transit-vehicle-with-destination-display
Person Dancing With Sparkles アイコン のよくある質問
Person Dancing With Sparkles アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Person Dancing With Sparkles アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:person-dancing-with-sparkles" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person Dancing With Sparkles アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/person-dancing-with-sparkles.svg" alt="Person Dancing With Sparkles アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。