Metro アイコン
emojione-v1:metro
Metro アイコン(emojione-v1:metro)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 旅行
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><circle cx="32" cy="31.999" r="30.916" fill="#1c323a"/><path fill="#6cb5c6" d="M27.834 27.511L9.274 53.005a31 31 0 0 0 2.642 2.531l18.849-25.892zm8.336.002l18.559 25.493a31 31 0 0 1-2.641 2.531l-18.85-25.892z"/><path fill="#ceba35" d="M50.04 11.668H14.2c-.326 0-1.396 8.291-1.396 8.577v26.21c0 .288.264.52.588.52h37.456c.322 0 .588-.229.588-.52v-26.21c0-.287-1.071-8.577-1.396-8.577"/><path fill="#c13355" d="M12.803 29.47v14.727c0 .121.266.227.587.227h37.462c.332 0 .582-.104.582-.227V29.47c0-.063-.06-.123-.143-.146h-.031v-.013a1.3 1.3 0 0 0-.408-.058h-37.46c-.324-.004-.589.097-.589.214"/><path fill="#243438" d="M47.898 14.219h-31.32c-.284 0-1.219 4.623-1.219 4.782v14.614c0 .162.23.29.514.29h32.736c.283 0 .514-.13.514-.29V19.001c-.001-.16-.935-4.782-1.221-4.782"/><path fill="#6cb5c6" d="M45.816 16.836h-27.16c-.246 0-1.057 4.01-1.057 4.146v12.67c0 .14.2.252.445.252h28.383c.245 0 .445-.112.445-.252V20.983c0-.138-.81-4.147-1.057-4.147"/><path fill="#e4e4e4" d="M51.19 47.84c0 1.549-1.438 2.799-3.211 2.799H16.417c-1.78 0-3.216-1.25-3.216-2.799s1.436-2.8 3.216-2.8h31.562c1.776 0 3.211 1.252 3.211 2.8"/><path fill="#aaadae" d="M24.14 39.593v4.151c0 .033.108.063.239.063h15.273c.137 0 .238-.029.238-.063v-4.151c0-.019-.023-.034-.059-.042h-.014v-.004a1 1 0 0 0-.166-.016H24.378c-.13 0-.238.03-.238.062"/><path fill="#f1f1f1" d="M22.2 40.986c0 1.561-1.152 2.822-2.574 2.822h-3.843c-1.424 0-2.577-1.264-2.577-2.822c0-1.557 1.152-2.818 2.577-2.818h3.843c1.422 0 2.574 1.262 2.574 2.818m28.626 0c0 1.561-1.151 2.822-2.573 2.822h-3.844c-1.423 0-2.575-1.264-2.575-2.822c0-1.557 1.152-2.818 2.575-2.818h3.844c1.422 0 2.573 1.262 2.573 2.818"/></svg>
Metro アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:metro" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:metro" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:metro" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--metro]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:metro"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:metro"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/metro.svg" alt="Metro アイコン" width="24" height="24">
Metro アイコン のよくある質問
Metro アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Metro アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:metro" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Metro アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/metro.svg" alt="Metro アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
