Buoy アイコン

Q: Buoy アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:buoy

Buoy アイコン(game-icons:buoy)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m332.53 21.45l-38.774 56.273l14.422 2.027l6.93.975l-1.948 13.863l-31.687-4.455l-1.256 8.912l-4.45 31.652l-.007.037l-.004.037l-7.654 54.427l-31.03-4.363l-1.79 8.14l-40.817 185.604c6.63-.623 12.886-1.17 18.79-1.63l3.35-15.24l134.624 18.93l-.984 15.587c5.568 2.076 11.38 4.294 17.61 6.732L380.33 200.98l-31.027-4.363l13.367-95.066l-31.69-4.456l1.95-13.862l21.353 3.002zM174.007 71.224c-15.522 3.527-31.163 14.648-45.994 28.476c-14.326-13.384-28.679-23.53-45.538-28.35l-4.95 17.304c15.107 4.32 28.602 14.202 44.112 29.71L128 124.73l6.363-6.367c15.35-15.35 32.643-27.09 43.63-29.588l-3.987-17.55zm142.03 42.213a23.6 23.6 0 0 1 3.526.23c12.685 1.784 21.358 13.294 19.575 25.978s-13.292 21.356-25.977 19.573c-12.684-1.785-21.36-13.295-19.576-25.98c1.616-11.495 11.224-19.694 22.45-19.803zm-27.17 53.355c5.884 5.357 13.364 9.068 21.786 10.252c8.424 1.184 16.637-.32 23.77-3.848l-2.943 20.912l-45.552-6.405l2.94-20.912zm-17.95 36.978l70.7 9.943l-38.762 20.06l-31.938-30.002zm-21.457 4.544l36.442 34.23l-49.617 25.68zm111.384 15.717l-3.82 60.624l-40.256-37.812l44.076-22.81zm-61.028 31.583l38.8 36.444l-85.886-12.077zm-69.423 39.405l124.873 17.558l-2.9 46.045l-131.882-18.544l9.91-45.058zm21.962 93.798c-23.248-.01-51.884 3.056-95.332 7.653L95.807 494h320.386l-18.384-63.674c-72.987-29.56-100.19-40.694-140.874-41.467q-2.256-.044-4.58-.044z"/></svg>

Buoy アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:buoy" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:buoy" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:buoy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--buoy]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:buoy"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:buoy"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/buoy.svg" alt="Buoy アイコン" width="24" height="24">

他のアイコンセットの Buoy アイコン

Buoy アイコンのよくある質問

Buoy アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Buoy アイコンを使うには?

@iconify/react をインストールして <Icon icon="game-icons:buoy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Buoy アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/buoy.svg" alt="Buoy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Game Icons をすべて見る →