Centaur アイコン
game-icons:centaur
Centaur アイコン(game-icons:centaur)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Game Icons
- 作者
- GameIcons
- ライセンス
- CC-BY-3.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M372.2 20.34c-21.4 1.16-30 25.84-29.7 42.79c.3 18.28 10.2 43.97 29.7 42.87c21.4-1.2 30-25.94 29.7-42.87c-.3-18.29-10.2-43.85-29.7-42.79M175.3 72.73c-36.6 49.47-17.2 102.67 7.3 146.47l53.6-71.3c24.1 22.7 51.8 37.3 56.4 36.8c10-.9 29.9-16.4 42.8-35c-5.6 22.9-9.2 46.2-21 63.9c9.3 36.5 48.2 85 85.4 64c10.3-38.2 12.3-89.7 6.7-127.6c29.6 14.8 43.7 46.1 49.3 72.4c2.4 11.9 31.4 19.7 22.1-14.6c-10.8-39.7-31.1-84.1-73.6-99.6c-8.2 9.5-19.5 16.8-32.1 15.8c-16.3-1.4-30.2-10.4-37.3-22.8c-11.9 7.1-36.6 41.1-45.7 55.5c-14.5-11.2-24.2-20.9-35.3-32.4l60.3-80.27c-58.2-19.69-112.6-2.46-138.9 28.7m107.4-16.67L241.4 111c-22.3-10.8-32.5 6.8-17.8 23.8L185 186c-18.4-34.8-15.1-75.7 4.7-102.33c27.2-30.02 57.5-32.98 93-27.61m14.4 162.84c-51.3 11.4-105.7 15.9-151.3 28.6c-27.5 7.7-35.1 30.8-41 54.5c-11.28 61.7-24.24 105.4-40.5 166.3c8.4 6.9 17 13.6 20.31 23.3H108c-2.5-15.4-8.32-19.5-15.98-30.7L118.1 398c27.7-6.5 45.2-26 60.3-45.8c38 23.8 82.1 9.4 126.5-7.2c9.5 42-9.7 77.3-20.4 111.6c8.3 12.9 21.7 22.4 27.9 35h28.2c-5.6-16.9-11.9-21.5-23.4-31.7c20.1-41.4 28.2-84.3 33.7-124.4c22-8 32.9-16.9 41.2-35.9c-52.5 8.7-85.3-50.5-95-80.7M99.19 265c-12.02-.2-27.04 3.5-28.49 15.8c-4.1 34.8-3.85 71.5-38.44 85c8.4 14 21.75 24.1 37.47 15.3c12.85-39.9 11.04-81.5 29.46-116.1M392 335.7c-6.3 6.7-14.8 11.9-25 14.8c0 .1-.1.2-.1.3l15.4 17.2l-8.7 25.6l-14.5 3.2c-1.7 8.1-3.7 16.3-6 24.3c34.2 7.7 55.7-31.4 60.2-54.9c-5.4-12-12.4-23.2-21.3-30.5m-210.9 42.6c-5.4 6.8-12.1 14.5-20.2 21.2c16.3 31.4 34.6 62.9 57.5 92.2h26.7c-28.9-35.6-47.8-75.2-64-113.4"/></svg>Centaur アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:centaur" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:centaur" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:centaur" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--centaur]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:centaur"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:centaur"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/centaur.svg" alt="Centaur アイコン" width="24" height="24">Game Icons の関連アイコン
Centaur アイコン のよくある質問
Centaur アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Centaur アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:centaur" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Centaur アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/centaur.svg" alt="Centaur アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。