ICONYZ
日本語
theSVG の Metro De Madrid アイコン

Metro De Madrid アイコン

thesvg:metro-de-madrid

Metro De Madrid アイコン(thesvg:metro-de-madrid)は、theSVG セットの無料 SVG アイコンです(作者: thesvg.org)。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
24 × 24
タグ
metrode、demadrid、metrodemadrid
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 4.74L0 12l12 7.26L24 12zm0 2.905l3.45 2.087h-6.9zM7.2 10.64h.786l.606 1.77l.564-1.77h.79v2.568h-.524l-.006-1.82l-.627 1.82h-.432l-.632-1.805v1.805h-.526V10.64zm5.275.148h.51l.001.559h.371v.343h-.37v.92c0 .174.041.215.212.215a.7.7 0 0 0 .158-.014v.4a2 2 0 0 1-.298.018c-.313 0-.584-.073-.584-.443V11.69h-.307v-.341h.307v-.559zm5.222.303l1.5.908l-1.5.908zM6.3 11.094v1.812L4.8 12l1.498-.906zm8.455.203a.4.4 0 0 1 .11.017v.475a1 1 0 0 0-.18-.018c-.37 0-.5.27-.5.598v.842h-.508v-1.863h.48l.006.345a.65.65 0 0 1 .592-.396m1.127 0c.58 0 .957.39.957.982s-.377.98-.957.98c-.578 0-.953-.39-.953-.98c0-.593.375-.98.953-.982m-4.738.002c.628 0 .932.532.896 1.103v.004h-1.334c.015.325.172.473.455.473c.204 0 .368-.126.4-.24h.446c-.141.439-.445.625-.863.625c-.581 0-.942-.407-.942-.98c0-.56.382-.985.942-.985m-.012.383c-.322 0-.416.252-.422.396h.824c-.045-.262-.156-.396-.402-.396m4.75 0c-.343 0-.445.3-.445.597c0 .295.102.596.445.596c.349 0 .45-.3.45-.596c0-.3-.104-.597-.45-.597M8.55 14.268h6.9L12 16.355l-3.451-2.087z"/></svg>

Metro De Madrid アイコンの使い方

React

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

<Icon icon="thesvg:metro-de-madrid" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:metro-de-madrid" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:metro-de-madrid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--metro-de-madrid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:metro-de-madrid"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg:metro-de-madrid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/metro-de-madrid.svg" alt="Metro De Madrid アイコン" width="24" height="24">

theSVG の関連アイコン

他のアイコンセットの Metro De Madrid アイコン

Metro De Madrid アイコン のよくある質問

Metro De Madrid アイコンは商用利用でも無料ですか?

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

React で Metro De Madrid アイコンを使うには?

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

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

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

theSVG アイコン をすべて見る →