Glaxnimate アイコン
thesvg-color:glaxnimate
Glaxnimate アイコン(thesvg-color:glaxnimate)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 512 × 512 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g stroke-linecap="round" stroke-linejoin="round" stroke-width="24.094" transform="translate(0 -161.533)"><path fill="#c4d9f5" stroke="#3250b0" d="M376.47 342.239zc0-60.393 30.17-116.794 80.474-150.319c-70.643 3.842-132.592 48.635-158.291 114.846c-13.601 3.592-27.921 5.355-42.654 5.355c-14.731 0-29.052-1.763-42.653-5.355c-25.7-66.211-87.648-111.004-158.291-114.845c50.304 33.524 80.474 89.925 80.474 150.318c0 31.05-8 61.576-23.56 88.422c52.063 33.183 83.582 90.648 83.582 152.387c0 4.18-.144 8.358-.475 13.14c17.631 16.544 38.278 28.829 60.713 36.76c22.435-7.931 43.082-20.216 60.714-36.76c-.332-4.782-.476-8.96-.476-13.14a180.41 180.41 0 0 1 83.795-152.387c-15.347-26.846-23.347-57.372-23.347-88.422z"/><path fill="none" stroke="#f01d0a" d="M207.59 382.473v48.188m96.818-48.188v48.188"/><circle cx="231.693" cy="560.666" r="12.047" fill="#3250b0"/><circle cx="279.881" cy="560.666" r="12.047" fill="#3250b0"/></g></svg>Glaxnimate アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:glaxnimate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:glaxnimate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:glaxnimate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--glaxnimate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:glaxnimate"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:glaxnimate"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/glaxnimate.svg" alt="Glaxnimate アイコン" width="24" height="24">Glaxnimate アイコン のよくある質問
Glaxnimate アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Glaxnimate アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:glaxnimate" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Glaxnimate アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/glaxnimate.svg" alt="Glaxnimate アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。