Metro アイコン
noto-v1:metro
Metro アイコン(noto-v1:metro)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#006ca2" d="M127.64 64c0 35.15-28.49 63.64-63.65 63.64C28.86 127.64.36 99.15.36 64S28.86.36 63.99.36c35.16 0 63.65 28.49 63.65 63.64"/><path fill="#fff" d="M49.72 106.98c0 1.97-1.6 3.57-3.57 3.57s-3.56-1.6-3.56-3.57v-13.7c0-1.97 1.6-3.56 3.56-3.56c1.97 0 3.57 1.6 3.57 3.56zm28.85 0c0 1.97 1.59 3.57 3.56 3.57s3.56-1.6 3.56-3.57v-13.7c0-1.97-1.6-3.56-3.56-3.56c-1.97 0-3.56 1.6-3.56 3.56z"/><defs><path id="SVGZFKtvbkp" d="M100.3 83.77c0 9.04-7.32 16.36-16.37 16.36H44.34c-9.04 0-16.37-7.33-16.37-16.36V38.69c0-9.03 7.33-16.36 16.37-16.36h39.59c9.05 0 16.37 7.33 16.37 16.36z"/></defs><use fill="#ed6c30" href="#SVGZFKtvbkp"/><path fill="#40c0e7" d="M93.08 47.76c0 4.87-3.94 8.83-8.83 8.83H44.02c-4.87 0-8.82-3.95-8.82-8.83V36.61c0-4.87 3.95-8.83 8.82-8.83h40.24c4.88 0 8.83 3.95 8.83 8.83v11.15z"/><path fill="#fff" d="M47.24 83.78c0 3.27-2.67 5.93-5.94 5.93c-3.29 0-5.94-2.66-5.94-5.93c0-3.28 2.65-5.94 5.94-5.94c3.27 0 5.94 2.66 5.94 5.94m33.8 0c0 3.27 2.66 5.93 5.94 5.93s5.94-2.66 5.94-5.93a5.94 5.94 0 0 0-5.94-5.94c-3.27 0-5.94 2.66-5.94 5.94"/></svg>
Metro アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:metro" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:metro" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:metro" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--metro]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:metro"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:metro"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/metro.svg" alt="Metro アイコン" width="24" height="24">
Metro アイコン のよくある質問
Metro アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Metro アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:metro" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Metro アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/metro.svg" alt="Metro アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
