Anchor アイコン

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

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

game-icons:anchor

Anchor アイコン(game-icons:anchor)は、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="M90.53 23c-18.345 0-36.688 7.002-50.686 21c-27.996 27.996-27.994 73.38 0 101.375c21.776 21.776 54.08 26.603 80.53 14.5l53.69 53.688c-21.425 19.696-44 38.257-67.44 55.937l30.126 30.125c18.734-22.545 37.953-44.474 57.844-65.53l169.594 169.593c-51.845 40.444-120.866 53.838-192.813 42.562L173 424.906L72.47 404.47l95.405 88.405l1.97-26c86.593 36.97 177.603 34.61 241.343-11.75l63.062 21.313l-21.47-63.594c44.61-63.62 46.408-153.412 9.908-238.875l26.03-1.97l-88.406-95.375l20.438 100.53l21.344-1.624c11.278 71.983-2.168 141.017-42.656 192.876l-169.782-169.75c21.075-20.34 42.93-39.665 65.78-57.72l-30.123-30.124c-17.015 24.154-35.673 46.66-55.688 67.813l-53.97-53.97C167.834 98.183 163.032 65.814 141.22 44c-14-13.998-32.343-21-50.69-21m0 27.03c11.434.002 22.872 4.34 31.595 13.064c17.447 17.447 17.446 45.742 0 63.187c-17.446 17.447-45.71 17.447-63.156 0c-17.447-17.444-17.448-45.74 0-63.186C67.69 54.37 79.097 50.03 90.53 50.03"/></svg>

Anchor アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Game Icons をすべて見る →