ICONYZ
日本語
Simple Icons の Mtr アイコン

Mtr アイコン

simple-icons:mtr

Mtr アイコン(simple-icons:mtr)は、Simple Icons セットの無料 SVG アイコンです(作者: Simple Icons Collaborators)。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Simple Icons
作者
Simple Icons Collaborators
ライセンス
CC0-1.0
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.987 1.913c-1.9 0-3.693.321-5.298.883C2.756 4.268 0 7.826 0 12c0 4.147 2.756 7.706 6.689 9.204c1.632.562 3.425.883 5.325.883a16.7 16.7 0 0 0 5.27-.856C21.217 19.759 24 16.174 24 12.027V12c0-4.174-2.783-7.732-6.716-9.204a16.3 16.3 0 0 0-5.297-.883M10.89 5.257h2.167v3.827c1.525-.402 2.702-1.766 2.782-3.399l2.168.027c-.16 2.73-2.22 4.95-4.897 5.378v1.793c2.676.428 4.736 2.675 4.924 5.404l-2.167.028c-.08-1.633-1.258-2.997-2.783-3.425v3.853h-2.167V14.89a3.775 3.775 0 0 0-2.81 3.425l-2.167-.028a5.87 5.87 0 0 1 4.923-5.404v-1.766C8.187 10.716 6.1 8.468 5.94 5.74l2.167-.027A3.71 3.71 0 0 0 10.89 9.11Z"/></svg>

Mtr アイコンの使い方

React

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

<Icon icon="simple-icons:mtr" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:mtr" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:mtr" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="simple-icons:mtr"></iconify-icon>

HTML 画像

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

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

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

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

はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Simple Icons をすべて見る →