Bridge At Night アイコン

Q: Bridge At Night アイコンは商用利用でも無料ですか?

はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto-v1:bridge-at-night

Bridge At Night アイコン(noto-v1:bridge-at-night)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji (v1)
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 旅行・場所
タグ: bridgeat、atnight、bridgeatnight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGa6oq7bqe" d="M127.99 115.89c0 6.65-5.44 12.1-12.1 12.1H12.1c-6.65 0-12.1-5.44-12.1-12.1V12.1C0 5.44 5.44 0 12.1 0h103.8c6.65 0 12.1 5.44 12.1 12.1v103.79z"/></defs><use fill="#006ca2" href="#SVGa6oq7bqe"/><clipPath id="SVG40e1Ibpt"><use href="#SVGa6oq7bqe"/></clipPath><g clip-path="url(#SVG40e1Ibpt)"><path fill="#fff" d="M28.04 104.89h15.65v29.24H28.04zm57.5 0h15.66v29.24H85.54z"/><path fill="#fff" d="M28.04 104.89h15.65v13.89H28.04zm57.5 0h15.66v13.89H85.54z"/><path fill="#fff" d="M-4.59 98.59h145.37v12.6H-4.59z"/><path fill="#fff" d="M-4.59 98.59h145.37v4.94H-4.59z"/><defs><path id="SVGZHvyLQAX" d="M-3.29 79.85C37.1 72.1 64.62 34.77 64.62 34.77h.01s27.52 37.33 67.91 45.08v26.16H-4.59z"/></defs><clipPath id="SVGOFaQFcYM"><use href="#SVGZHvyLQAX"/></clipPath><g fill="#fff" clip-path="url(#SVGOFaQFcYM)"><path d="M60.44 5.5h8.35v99.3h-8.35zm-15.81 0h5.07v99.3h-5.07zm-17.11 0h5.07v99.3h-5.07zm-17.13 0h5.08v99.3h-5.08zm69.64 0h5.07v99.3h-5.07zm17.12 0h5.08v99.3h-5.08zm17.12 0h5.08v99.3h-5.08z"/></g><path fill="#fff" d="M132.53 82.08c-.14 0-.28-.01-.42-.04c-35.4-6.8-60.7-35.27-67.5-43.66c-6.85 8.38-32.41 36.93-67.48 43.66a2.23 2.23 0 1 1-.84-4.38c39.07-7.5 66.26-43.85 66.53-44.21c.84-1.14 2.75-1.13 3.59 0c1.12 1.5 27.87 36.79 66.54 44.21c1.21.23 2 1.4 1.77 2.61a2.225 2.225 0 0 1-2.19 1.81"/><g fill="#fcc21b"><circle cx="102.05" cy="12.32" r="3.88"/><circle cx="45.43" cy="10.98" r="3.88"/><path d="M23.79 34.56c0 2.13-1.73 3.88-3.88 3.88a3.89 3.89 0 0 1-3.88-3.88c0-2.14 1.74-3.88 3.88-3.88c2.14.01 3.88 1.74 3.88 3.88M17.3 54.79c0 1.82-1.48 3.31-3.31 3.31c-1.82 0-3.31-1.48-3.31-3.31s1.48-3.31 3.31-3.31s3.31 1.47 3.31 3.31"/><circle cx="18.3" cy="14.85" r="2.41"/><path d="M44.78 33.12c0 1.33-1.08 2.41-2.41 2.41s-2.41-1.08-2.41-2.41a2.42 2.42 0 0 1 2.41-2.42c1.34 0 2.41 1.08 2.41 2.42"/><circle cx="83.53" cy="15.54" r="2.41"/><path d="M93.77 34.77c0 1.33-1.08 2.41-2.42 2.41c-1.33 0-2.41-1.08-2.41-2.41s1.08-2.41 2.41-2.41c1.34.01 2.42 1.08 2.42 2.41m24.73-4.9c0 1.33-1.08 2.41-2.41 2.41s-2.41-1.08-2.41-2.41s1.08-2.41 2.41-2.41s2.41 1.07 2.41 2.41m-2.93 19.21c0 1.32-1.07 2.41-2.41 2.41c-1.33 0-2.41-1.08-2.41-2.41a2.42 2.42 0 0 1 2.41-2.42c1.33 0 2.41 1.08 2.41 2.42"/></g></g></svg>

Bridge At Night アイコンの使い方

React

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

<Icon icon="noto-v1:bridge-at-night" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:bridge-at-night" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:bridge-at-night" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--bridge-at-night]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:bridge-at-night"></div>

Web コンポーネント

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

<iconify-icon icon="noto-v1:bridge-at-night"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto-v1/bridge-at-night.svg" alt="Bridge At Night アイコン" width="24" height="24">

他のアイコンセットの Bridge At Night アイコン

Bridge At Night アイコンのよくある質問

Bridge At Night アイコンは商用利用でも無料ですか?

はい。Noto Emoji (v1) icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Bridge At Night アイコンを使うには?

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

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

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

Noto Emoji (v1) アイコンをすべて見る →