Light Rail アイコン
emojione-v1:light-rail
Light Rail アイコン(emojione-v1:light-rail)は、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
- カテゴリ
- 旅行
- タグ
- lightrail
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#cdcccb" d="M63.95 19a.78.78 0 0 0-.777-.777H14.361c-.422 0-10.233 19.9-10.233 29.46c0 .423.35.775.774.775h58.27a.7.7 0 0 0 .493-.19a.3.3 0 0 0 .055-.039c.012-.019.027-.032.039-.05a.7.7 0 0 0 .19-.496z"/><path fill="#aeb1b0" d="M50.43 23.631c-9.271.783-21.06-.84-27.595 7.314c-4.148 5.17-7.821 11.278-10.525 17.517h50.859a.7.7 0 0 0 .493-.189a.4.4 0 0 0 .055-.039l.039-.05a.7.7 0 0 0 .19-.496V21.954c-5.171 1.027-10.352 1.407-13.516 1.677"/><path fill="#85a9b4" d="M38.704 20.419a.326.326 0 0 0-.323-.324H18.069c-.176 0-4.256 8.28-4.256 12.259c0 .177.144.323.323.323h24.25a.28.28 0 0 0 .206-.082q.017-.007.016-.008q.02-.022.021-.02a.33.33 0 0 0 .082-.214q-.004-5.968-.003-11.934"/><path fill="#243438" d="M41.35 21.648a.397.397 0 0 0-.393-.393H16.326c-.214 0-5.163 10.04-5.163 14.868c0 .214.177.391.391.391h29.403a.37.37 0 0 0 .253-.099c.011-.004.019-.001.019-.001c.013-.019.021-.023.027-.035a.37.37 0 0 0 .094-.247V21.657"/><path fill="#a3d5e1" d="m14.13 34.325l24.569-12.258a.327.327 0 0 0-.323-.325H18.063c-.176 0-4.256 8.281-4.256 12.26c0 .177.145.323.323.323"/><path fill="#ee3c24" d="M63.95 37.502c0-.16-.351-.29-.777-.29H14.361c-.422 0-10.232 7.405-10.232 10.961c0 .158.35.289.774.289h58.27c.219 0 .373-.03.493-.069l.056-.017s.026-.012.038-.02c.112-.045.19-.104.19-.186z"/><path fill="#a2c3cb" d="M1.197 53.579h62.078c.518 0 .94-.037.94-.084v-5.239c0-.045-.424-.078-.94-.078H1.202c-.284 0-.494.006-.641.02c0 0-.012.006-.02.006H.525c-.164.014-.265.032-.265.053v5.239c0 .044.428.083.941.083"/><g fill="#7f9ba0"><path d="M.941 53.579h62.068c.519 0 .941-.022.941-.047v-2.931c0-.024-.425-.043-.941-.043H.941c-.284 0-.494.002-.642.001l-.02.005H.252c-.152.005-.253.015-.253.027v2.93c0 .026.428.049.941.049"/><path d="M12.813 51.09v14.148c0 .115.023.213.047.213h2.931c.027 0 .042-.098.042-.213V51.091q.002-.094-.007-.146l-.004-.002v-.009c-.008-.035-.021-.06-.021-.06h-2.943c-.021.002-.045.099-.045.216m18.66 0v14.148c0 .115.023.213.046.213h2.931c.026 0 .043-.098.043-.213V51.091c0-.063 0-.111-.009-.146l-.004-.002v-.009c-.008-.035-.02-.06-.03-.06h-2.931c-.022.002-.046.099-.046.216m21.148 0v14.148c0 .115.023.213.047.213h2.931c.026 0 .043-.098.043-.213V51.091c0-.063 0-.111-.009-.146l-.004-.002v-.009c-.008-.035-.021-.06-.021-.06h-2.942c-.021.002-.045.099-.045.216"/></g></svg>
Light Rail アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:light-rail" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:light-rail" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:light-rail" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--light-rail]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:light-rail"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:light-rail"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/light-rail.svg" alt="Light Rail アイコン" width="24" height="24">
他のアイコンセットの Light Rail アイコン
Light Rail アイコン のよくある質問
Light Rail アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Light Rail アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:light-rail" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Light Rail アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/light-rail.svg" alt="Light Rail アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
