Bridge At Night アイコン
fluent-emoji-flat:bridge-at-night
Bridge At Night アイコン(fluent-emoji-flat:bridge-at-night)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
- タグ
- bridgeat、atnight、bridgeatnight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#533566" d="M6 2a4 4 0 0 0-4 4v7.824l.301.42l-.301.478v3.423l.678.901l-.678.799V24h28v-4.257l-.573-.697l.573-.644v-3.707l-.511-.589l.511-.355V6a4 4 0 0 0-4-4z"/><path fill="#468cfb" d="M2 22v4c0 .797.233 1.54.635 2.163c6.365-.25 22.375 0 26.754-.038c.387-.614.61-1.341.611-2.121V22c-.696 0-1.07.215-1.47.446c-.46.267-.958.554-2.03.554s-1.57-.287-2.03-.554c-.4-.23-.774-.446-1.47-.446c-.75 0-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5"/><path fill="#fcd53f" d="M14.5 8.5a3 3 0 0 0 2.735-4.235a3 3 0 1 1-3.97 3.97c.377.17.795.265 1.235.265"/><path fill="#f92f60" d="M2 14.753v-1.04c1.821-.563 2.993-1.87 3.752-3.21c.506-.892.82-1.788 1.008-2.465A11 11 0 0 0 7 6.958a1 1 0 0 1 2 0a4 4 0 0 0 .046.268c.038.195.1.475.194.812c.188.677.502 1.573 1.008 2.466C11.254 12.28 12.988 14 16 14s4.746-1.72 5.753-3.496c.505-.893.82-1.79 1.007-2.466a11 11 0 0 0 .234-1.034L23 6.958a1 1 0 0 1 1.998 0l.007.046l.04.222c.038.195.1.475.194.812c.188.677.502 1.573 1.008 2.466c.758 1.339 1.93 2.646 3.752 3.208v1.04a6.8 6.8 0 0 1-2-.88V18h2v2h-5v6h-2v-6H9v6H7v-6H2v-2h2v-4.127a6.8 6.8 0 0 1-2 .88m20.623-3.757A8.8 8.8 0 0 1 21 13.09V18h2v-7.734q-.17.362-.378.73M20 13.874a6.8 6.8 0 0 1-2 .88V18h2zm-3 1.069Q16.521 15 16 15t-1-.059V18h2zm-3-.19a6.8 6.8 0 0 1-2-.88V18h2zm-3-1.663a8.8 8.8 0 0 1-1.623-2.093a11 11 0 0 1-.377-.73V18h2zM25 18h2v-4.91a8.8 8.8 0 0 1-1.622-2.094q-.21-.368-.378-.73zM7 18v-7.734q-.17.362-.377.73A8.8 8.8 0 0 1 5 13.09V18z"/><path fill="#e6e6e6" d="M6 26a1 1 0 0 0-1 1v2h6v-2a1 1 0 0 0-1-1zm16 0a1 1 0 0 0-1 1v2h6v-2a1 1 0 0 0-1-1z"/><path fill="#00a6ed" d="M6 30h20c1.5 0 2.805-.825 3.49-2.045c-.394-.075-.67-.234-.96-.401c-.46-.267-.958-.554-2.03-.554s-1.57.287-2.03.554c-.4.23-.774.446-1.47.446s-1.07-.215-1.47-.446c-.46-.267-.958-.554-2.03-.554s-1.57.287-2.03.554c-.4.23-.774.446-1.47.446c-.75 0-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5s-1 .5-1.75.5s-1.25-.25-1.75-.5s-1-.5-1.75-.5s-1.25.25-1.75.5c-.377.189-.754.377-1.239.458A4 4 0 0 0 6 30"/></g></svg>Bridge At Night アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:bridge-at-night" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:bridge-at-night" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:bridge-at-night" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--bridge-at-night]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:bridge-at-night"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:bridge-at-night"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/bridge-at-night.svg" alt="Bridge At Night アイコン" width="24" height="24">他のアイコンセットの Bridge At Night アイコン
Bridge At Night アイコン のよくある質問
Bridge At Night アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bridge At Night アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:bridge-at-night" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bridge At Night アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/bridge-at-night.svg" alt="Bridge At Night アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。