Oat アイコン
game-icons:oat
Oat アイコン(game-icons:oat)は、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="M253.787 24.672c-19.46.194-39.213 2.816-58.88 8.086C69.032 66.486-5.664 195.868 28.063 321.74C54.3 419.652 138.414 486.586 233.73 495.623c-2.958-41.58-1.013-83.51 3.913-125.894l18.564 2.155c-4.923 42.36-6.768 83.89-3.67 124.77c21.273.298 42.942-2.294 64.508-8.073c125.873-33.728 200.57-163.107 166.842-288.98c-28.458-106.206-125.012-175.98-230.1-174.93zm16.275 20.44c14.34 29.823 20.8 57.25 20.018 78.46l-28.49 33.598l-24.106-39.1c2.935-20.556 14.04-45.806 32.578-72.96zm-70.878 64.343a279 279 0 0 1 18.853 12.602l-.035.02l33.687 54.646l-3.012 38.916l-42.422-44.933c-4.54-17.19-7.108-37.92-7.072-61.252zm132.892 10.047c-3.324 22.093-8.647 41.478-15.303 57.404l-49.336 38.545l3.088-39.923l37.993-44.8c7.29-3.923 15.14-7.683 23.558-11.225zm-146.58 68.082a288 288 0 0 1 17.752 7.16L246.73 240.8l-3.173 41.01l-37.19-20.933c-10.98-15.844-18.874-40.415-20.87-73.293zm152.74 11.465c-6.607 29.925-17.328 51.98-29.798 66.18l-46.223 17.692l3.27-42.23l44.452-34.73c8.73-2.622 18.176-4.946 28.3-6.913zM179.096 275.4c6.876.675 13.44 1.575 19.703 2.66l43.167 24.297l-3.887 50.236c-21.094-5.566-43.688-30.975-58.984-77.194zm139.238 9.957c3.844-.022 7.784.04 11.812.185c-22.9 46.967-50.93 69.05-73.464 68.892l3.937-50.894l46.718-17.883a247 247 0 0 1 10.996-.3z"/></svg>Oat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:oat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:oat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:oat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--oat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:oat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:oat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/oat.svg" alt="Oat アイコン" width="24" height="24">他のアイコンセットの Oat アイコン
Oat アイコン のよくある質問
Oat アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Oat アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:oat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Oat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/oat.svg" alt="Oat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。