Bridge At Night アイコン
openmoji:bridge-at-night
Bridge At Night アイコン(openmoji:bridge-at-night)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 旅行・場所
- タグ
- bridgeat、atnight、bridgeatnight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGx0L7XcXG" d="M41.773 19.473a7.22 7.22 0 0 1-5.695 9.864"/><path id="SVG6H62g6pZ" d="M41.773 19.473a6.054 6.054 0 0 1-5.695 9.864"/></defs><g stroke="#000"><g fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><use href="#SVGx0L7XcXG"/><use href="#SVG6H62g6pZ"/></g><path stroke-linejoin="round" stroke-width="2" d="m22 22.381l1.854 1.325l-.688-2.173L25 20.18l-2.279-.107L22 18l-.721 2.162L19 20.18l1.834 1.353l-.688 2.173z"/><path stroke-linejoin="round" stroke-width=".75" d="m27 32.46l.618.442l-.229-.724l.611-.451l-.76-.006L27 31l-.24.721l-.76.006l.611.361l-.229.814z"/><path stroke-linejoin="round" d="m51.5 26.337l.927.663l-.344-1.087l.917-.676l-1.14-.099l-.36-.991l-.36 1.081l-1.14.009l.917.676L50.573 27z"/></g><rect width="48" height="48" x="12" y="12" fill="#1e50a0" rx="1"/><g stroke="#f1b31c"><g fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><use href="#SVGx0L7XcXG"/><use href="#SVG6H62g6pZ"/></g><path fill="#f1b31c" stroke-linejoin="round" stroke-width="2" d="m22 22.381l1.854 1.325l-.688-2.173L25 20.18l-2.279-.107L22 18l-.721 2.162L19 20.18l1.834 1.353l-.688 2.173z"/><path fill="#f1b31c" stroke-linejoin="round" stroke-width=".75" d="m27 32.46l.618.442l-.229-.724l.611-.451l-.76-.006L27 31l-.24.721l-.76.006l.611.361l-.229.814z"/><path fill="#f1b31c" stroke-linejoin="round" d="m51.5 26.337l.927.663l-.344-1.087l.917-.676l-1.14-.099l-.36-.991l-.36 1.081l-1.14.009l.917.676L50.573 27z"/></g><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-miterlimit="10" d="M12.923 48.038h46.154M24 36.962L12 48.038"/><path stroke-miterlimit="10" d="M24 36.962v23.076m24 0V36.962m-24 4.26l-7.385 6.816M24 45.482l-2.769 2.556"/><path stroke-linecap="round" stroke-miterlimit="10" d="M48 36.962L36 48.038"/><path stroke-miterlimit="10" d="m48 41.222l-7.385 6.816M48 45.482l-2.769 2.556"/><path stroke-linecap="round" stroke-miterlimit="10" d="m24 36.962l12 11.076"/><path stroke-miterlimit="10" d="m24 41.222l7.385 6.816M24 45.482l2.769 2.556"/><path stroke-linecap="round" stroke-miterlimit="10" d="m48 36.962l12 11.076"/><path stroke-miterlimit="10" d="m48 41.222l7.385 6.816M48 45.482l2.769 2.556"/><rect width="48" height="48" x="12" y="12" stroke-linejoin="round" rx="1"/></g></svg>Bridge At Night アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:bridge-at-night" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:bridge-at-night" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:bridge-at-night" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--bridge-at-night]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:bridge-at-night"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:bridge-at-night"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/bridge-at-night.svg" alt="Bridge At Night アイコン" width="24" height="24">他のアイコンセットの Bridge At Night アイコン
Bridge At Night アイコン のよくある質問
Bridge At Night アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Bridge At Night アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:bridge-at-night" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bridge At Night アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/bridge-at-night.svg" alt="Bridge At Night アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。