At Sea アイコン
game-icons:at-sea
At Sea アイコン(game-icons:at-sea)は、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
- タグ
- atsea
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256.438 14.188c-132.32 0-239.782 107.46-239.782 239.78S124.118 493.75 256.436 493.75c132.32 0 239.783-107.46 239.783-239.78S388.756 14.187 256.436 14.187zm0 17.906c122.653 0 221.875 99.222 221.875 221.875c0 4.52-.14 9.014-.407 13.468c-30.945 8.15-68.07-14.224-85.406-43.844c-47.56 66.05-89.736 73.192-129.156-1.563c-36.942 67.55-104.172 73.156-137.125 20.064c-33.724 45.983-56.65 52.056-91.064 28.562a226 226 0 0 1-.625-16.687c0-122.654 99.254-221.876 221.907-221.876zm138.5 245.22c20.212 40.226 58.603 27.536 81.968 1.56c-4.73 42.46-21.395 81.254-46.594 113c-33.743 18.582-58.868 7.2-89.562-45.624c-41.883 74.754-109.812 67.614-160.344 1.563c-17.546 28.218-62.92 49.844-97.28 44.78c-21.883-27.33-37.445-59.944-44.44-95.656c23.49 22.105 63.89 29.177 84.408-3.625c32.368 48.656 100.402 51.536 140.25-5.062c23.826 34.047 85.965 64.59 131.594-10.938zM177.813 401.5c48.48 75.528 137.623 45.016 162.937 10.97c17.197 19.63 37.55 20.796 57.688 12.06c-38.462 32.052-87.956 51.345-142 51.345c-54.692 0-104.714-19.757-143.375-52.5c24.17 8.208 50.552 4.72 64.75-21.875"/></svg>At Sea アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:at-sea" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:at-sea" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:at-sea" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--at-sea]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:at-sea"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:at-sea"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/at-sea.svg" alt="At Sea アイコン" width="24" height="24">Game Icons の関連アイコン
At Sea アイコン のよくある質問
At Sea アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で At Sea アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:at-sea" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
At Sea アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/at-sea.svg" alt="At Sea アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。