Cpu Sparkles アイコン
keyline-icons:cpu-sparkles
Cpu Sparkles アイコン(keyline-icons:cpu-sparkles)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- cpusparkles、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="M20 9L20 17C20 18.6569 18.6569 20 17 20L7 20C5.3431 20 4 18.6569 4 17L4 7C4 5.3431 5.3431 4 7 4L15 4M9 4L9 2M9 20L9 22M4 9L2 9M20 9L22 9M15 4L15 2M15 20L15 22M4 15L2 15M20 15L22 15"/><path fill="currentColor" d="M12.5492 8.3739L13.1373 9.8648C13.3173 10.3213 13.6787 10.6827 14.1352 10.8627L15.6261 11.4508C15.8518 11.5397 16 11.7576 16 12C16 12.2424 15.8518 12.4603 15.6261 12.5492L14.1352 13.1373C13.6787 13.3173 13.3173 13.6787 13.1373 14.1352L12.5492 15.6261C12.4603 15.8518 12.2424 16 12 16C11.7576 16 11.5397 15.8518 11.4508 15.6261L10.8627 14.1352C10.6827 13.6787 10.3213 13.3173 9.8648 13.1373L8.3739 12.5492C8.1482 12.4603 8 12.2424 8 12C8 11.7576 8.1482 11.5397 8.3739 11.4508L9.8648 10.8627C10.3213 10.6827 10.6827 10.3213 10.8627 9.8648L11.4508 8.3739C11.5397 8.1482 11.7576 8 12 8C12.2424 8 12.4603 8.1482 12.5492 8.3739ZM20.8433 1.2337L21.2108 2.1655C21.3233 2.4508 21.5492 2.6767 21.8345 2.7892L22.7663 3.1567C22.9074 3.2123 23 3.3485 23 3.5C23 3.6515 22.9074 3.7877 22.7663 3.8433L21.8345 4.2108C21.5492 4.3233 21.3233 4.5492 21.2108 4.8345L20.8433 5.7663C20.7877 5.9074 20.6515 6 20.5 6C20.3485 6 20.2123 5.9074 20.1567 5.7663L19.7892 4.8345C19.6767 4.5492 19.4508 4.3233 19.1655 4.2108L18.2337 3.8433C18.0926 3.7877 18 3.6515 18 3.5C18 3.3485 18.0926 3.2123 18.2337 3.1567L19.1655 2.7892C19.4508 2.6767 19.6767 2.4508 19.7892 2.1655L20.1567 1.2337C20.2123 1.0926 20.3485 1 20.5 1C20.6515 1 20.7877 1.0926 20.8433 1.2337Z" stroke="none"/></g></svg>Cpu Sparkles アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:cpu-sparkles" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:cpu-sparkles" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:cpu-sparkles" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--cpu-sparkles]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:cpu-sparkles"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:cpu-sparkles"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/cpu-sparkles.svg" alt="Cpu Sparkles アイコン" width="24" height="24">Keyline Icons の関連アイコン
Cpu Sparkles アイコン のよくある質問
Cpu Sparkles アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cpu Sparkles アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:cpu-sparkles" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cpu Sparkles アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/cpu-sparkles.svg" alt="Cpu Sparkles アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。