Anchor アイコン
emojione-monotone:anchor
Anchor アイコン(emojione-monotone:anchor)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 旅行
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M60.247 27c-4.871 9-9.025 9.102-8.156 11.365c.494 1.287 2.062 1.153 3.322.798c-19.602 21.59-20.496 1.708-20.555-3.794c-.027-2.63-.139-7.845-.244-12.465A39.4 39.4 0 0 0 41 21.957v-3.914a39.3 39.3 0 0 0-6.521-.959l-.037-1.53A6.995 6.995 0 0 0 32 2a7 7 0 0 0-7 7c0 3.006 1.899 5.563 4.561 6.555l-.037 1.529a39.3 39.3 0 0 0-6.523.959v3.914c2.104.494 4.241.805 6.386.947c-.105 4.621-.216 9.835-.244 12.465c-.059 5.502-.953 25.383-20.554 3.795c1.261.354 2.827.488 3.322-.799C12.779 36.102 8.625 36 3.753 27c0 0-3.723 15.193-.317 17.773c1.467 1.112 2.504-2.119 3.026-4.348c1.791 3.71 5.755 8.998 14.527 14.834C26.647 59.027 32 62 32 62s5.354-2.973 11.012-6.74c8.771-5.836 12.735-11.123 14.526-14.834c.522 2.229 1.56 5.459 3.027 4.348C63.97 42.193 60.247 27 60.247 27M32 5a4 4 0 1 1 0 8a4 4 0 0 1 0-8"/></svg>
Anchor アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:anchor" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:anchor" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:anchor" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--anchor]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:anchor"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:anchor"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/anchor.svg" alt="Anchor アイコン" width="24" height="24">
Anchor アイコン のよくある質問
Anchor アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Anchor アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:anchor" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Anchor アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/anchor.svg" alt="Anchor アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Monotone) アイコン をすべて見る →
ICONYZ
