Brain Sparkle アイコン
andrsrxn:brain-sparkle
Brain Sparkle アイコン(andrsrxn:brain-sparkle)は、andrsrxn/icons セットの無料 SVG アイコンです（作者: Andrés Raxón）。 24 × 24 のグリッドで描かれています。 andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- andrsrxn/icons
- 作者
- Andrés Raxón
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- AI、科学
- タグ
- brainsparkle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m10.09 3l.9.52a2 2 0 0 1 1.02 1.74v13.52a2 2 0 0 1-.89 1.66l-.92.61a2 2 0 0 1-2.47-.2l-1.44-1.34a2 2 0 0 0-.72-.43l-.8-.27a2 2 0 0 1-1.35-1.67l-.22-1.99a2 2 0 0 0-.25-.76l-.8-1.43a2 2 0 0 1 0-1.97l.8-1.4a2 2 0 0 0 .25-.74L3.43 7a2 2 0 0 1 1.09-1.54l1.25-.63a2 2 0 0 0 .38-.25L7.82 3.2A2 2 0 0 1 10.1 3m9.94 1.89l-.93-1.75l-.94 1.75l-1.78.99l1.78.92l.94 2.04l.93-2.04l1.94-1.01z" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.01 5.3a2.9 2.9 0 0 0-2.86-2.94A2.9 2.9 0 0 0 6.29 5.3a3 3 0 0 0 .62 1.84m-.62 6.04a2.4 2.4 0 0 1 2.34-2.41m9.1 2.41a2.4 2.4 0 0 0-2.34-2.41m-3.38 7.87a2.9 2.9 0 0 1-2.86 2.95a2.9 2.9 0 0 1-2.86-2.95a3 3 0 0 1 .62-1.84"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.01 5.3a2.9 2.9 0 0 1 2.86-2.94c.48 0 .78.09 1.03.21m-3.89 16.07a2.9 2.9 0 0 0 2.86 2.95a2.9 2.9 0 0 0 2.86-2.95a3 3 0 0 0-.62-1.84M5.79 4.96a2.77 2.77 0 0 0-2.73 2.8q.01.79.36 1.4a2.8 2.8 0 0 0-1.7 2.62c0 1.26.8 2.33 1.91 2.68a3 3 0 0 0-.57 1.72a2.77 2.77 0 0 0 2.73 2.8m12.44.01c1.5 0 2.73-1.26 2.73-2.81q-.02-.99-.57-1.72a2.8 2.8 0 0 0 1.92-2.68q0-.7-.3-1.29m-10 8.5V4.96m3.95 1.09c1.58 0 3.28-1.71 3.28-3.28"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22.52 6.05c-1.58 0-3.28-1.7-3.28-3.28m-3.28 3.28c1.57 0 3.28 1.73 3.28 3.27m3.28-3.27c-1.56 0-3.28 1.7-3.28 3.27"/></g></svg>Brain Sparkle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:brain-sparkle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:brain-sparkle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:brain-sparkle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--brain-sparkle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:brain-sparkle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:brain-sparkle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/andrsrxn/brain-sparkle.svg" alt="Brain Sparkle アイコン" width="24" height="24">andrsrxn/icons の関連アイコン
Brain Sparkle アイコン のよくある質問
Brain Sparkle アイコンは商用利用でも無料ですか?
はい。andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Brain Sparkle アイコンを使うには?
@iconify/react をインストールして <Icon icon="andrsrxn:brain-sparkle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Brain Sparkle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/andrsrxn/brain-sparkle.svg" alt="Brain Sparkle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。