Palette Sparkles アイコン

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

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

keyline-icons:palette-sparkles

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: palettesparkles、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="M15.0104 18.0104C15.0104 18.6956 15.2449 19.3601 15.675 19.8935C15.8184 20.0713 15.8965 20.2928 15.8965 20.5212C15.8965 20.9494 15.6238 21.3301 15.2184 21.4679C14.1819 21.8203 13.0947 22 12 22C6.4772 22 2 17.5228 2 12C2 11.6625 2.0167 11.3289 2.0494 11M21.9506 11C21.4489 5.9467 17.1853 2 12 2C11.6625 2 11.3289 2.0167 11 2.0494"/><path fill="currentColor" d="M11.6189 17.1683C11.6189 17.9967 10.9473 18.6683 10.1189 18.6683C9.2905 18.6683 8.6189 17.9967 8.6189 17.1683C8.6189 16.3399 9.2905 15.6683 10.1189 15.6683C10.9473 15.6683 11.6189 16.3399 11.6189 17.1683ZM8.1304 13.1904C8.1304 14.0188 7.4588 14.6904 6.6304 14.6904C5.8019 14.6904 5.1304 14.0188 5.1304 13.1904C5.1304 12.362 5.8019 11.6904 6.6304 11.6904C7.4588 11.6904 8.1304 12.362 8.1304 13.1904ZM14.6904 6.6304C14.6904 7.4588 14.0188 8.1304 13.1904 8.1304C12.362 8.1304 11.6904 7.4588 11.6904 6.6304C11.6904 5.8019 12.362 5.1304 13.1904 5.1304C14.0188 5.1304 14.6904 5.8019 14.6904 6.6304ZM5.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.3739ZM18.8433 12.2337L19.2108 13.1655C19.3233 13.4508 19.5492 13.6767 19.8345 13.7892L20.7663 14.1567C20.9074 14.2123 21 14.3485 21 14.5C21 14.6515 20.9074 14.7877 20.7663 14.8433L19.8345 15.2108C19.5492 15.3233 19.3233 15.5492 19.2108 15.8345L18.8433 16.7663C18.7877 16.9074 18.6515 17 18.5 17C18.3485 17 18.2123 16.9074 18.1567 16.7663L17.7892 15.8345C17.6767 15.5492 17.4508 15.3233 17.1655 15.2108L16.2337 14.8433C16.0926 14.7877 16 14.6515 16 14.5C16 14.3485 16.0926 14.2123 16.2337 14.1567L17.1655 13.7892C17.4508 13.6767 17.6767 13.4508 17.7892 13.1655L18.1567 12.2337C18.2123 12.0926 18.3485 12 18.5 12C18.6515 12 18.7877 12.0926 18.8433 12.2337Z" stroke="none"/></g></svg>

Palette Sparkles アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:palette-sparkles"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:palette-sparkles"></iconify-icon>

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →