Night With Stars アイコン
noto-v1:night-with-stars
Night With Stars アイコン(noto-v1:night-with-stars)は、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
- カテゴリ
- 旅行・場所
- タグ
- nightwith、withstars、nightwithstars、star
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fcc21b" d="M119.39 56.23H85.04v43.46h-37.4V85.24H11.76v37.41h24.35v.76h72.59v-5.35h10.69zm-48.2-21.28c.53.44.87 1.39.74 2.08l-.63 3.82c-.11.69.28.96.88.6l3.3-1.96c.59-.37 1.59-.38 2.19-.05l3.39 1.82c.62.33 1 .04.85-.65l-.8-3.78c-.14-.68.16-1.65.66-2.11l2.69-2.59c.51-.48.36-.96-.33-1.04l-3.78-.45c-.7-.07-1.52-.66-1.83-1.28l-1.68-3.31c-.31-.61-.8-.61-1.09.02l-1.51 3.38c-.29.65-1.08 1.26-1.78 1.37l-3.78.61c-.68.1-.82.59-.29 1.05zm17.92-21.27c.53.44.87 1.39.74 2.08l-.63 3.82c-.11.69.28.96.88.6l3.3-1.96c.59-.37 1.59-.38 2.19-.05l3.39 1.82c.62.33 1 .04.85-.65l-.8-3.78c-.14-.68.16-1.65.66-2.11l2.69-2.59c.51-.48.36-.96-.33-1.04l-3.78-.45c-.7-.07-1.52-.66-1.83-1.28l-1.68-3.31c-.31-.61-.8-.61-1.09.02l-1.51 3.38c-.29.65-1.08 1.26-1.78 1.37l-3.78.61c-.68.11-.82.59-.29 1.05zM56.15 52.93c1.49-.31 5.26-1.38 5.08-3.44c-.21-2.5-5.54-3.01-7.35-3.53c-14.73-4.16-17.63-26.29-6.8-36.16c1.63-1.49 3.46-2.75 5.22-4.07c1.04-.78 4.46-1.92 4.14-3.63C55.95.05 50.09.05 48.6.06c-5.59.02-11.2 1.28-16.17 3.88c-7.21 3.77-11.95 11.65-12.65 19.59c-.7 7.88.23 14.56 6 20.4c8.36 8.45 18.87 11.42 30.37 9"/><path fill="#006ca2" d="M112.99 50.69H87.8c-5.24 0-9.52 4.29-9.52 9.52v31.76H51.1v-5.45c0-5.24-4.29-9.52-9.52-9.52H15.01c-5.24 0-9.52 4.29-9.52 9.52v31.91c0 .28.06.54.08.82v8.7H122.5V60.21c.01-5.23-4.28-9.52-9.51-9.52m-91.91 63.89c0 1.44-1.18 2.62-2.62 2.62H15.4c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 2.62zm0-14.89c0 1.44-1.18 2.62-2.62 2.62H15.4c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 2.62zm11.66 14.89c0 1.44-1.18 2.62-2.62 2.62h-3.06c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 2.62zm0-14.89c0 1.44-1.18 2.62-2.62 2.62h-3.06c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 2.62zm11.66 0c0 1.21-.84 2.18-1.96 2.48c-.22.06-.43.14-.66.14h-3.06c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c.23 0 .44.07.66.14c1.11.3 1.96 1.28 1.96 2.48zm11.66 14.89c0 1.44-1.18 2.62-2.62 2.62h-3.05c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 2.62v4.86zM95 68.96c0 1.44-1.18 2.62-2.62 2.62h-3.06c-1.44 0-2.62-1.18-2.62-2.62V64.1c0-1.44 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 2.62zm9.26 31.59c0 .48-1.18 1.66-2.62 1.66h-3.06c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.44 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 1.66zM115.46 86c0 .48-1.18 1.66-2.62 1.66h-3.06c-1.44 0-2.62-1.18-2.62-2.62v-4.86c0-1.43 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 1.66zm0-16.08c0 .48-1.18 1.66-2.62 1.66h-3.06c-1.44 0-2.62-1.18-2.62-2.62V64.1c0-1.44 1.18-2.62 2.62-2.62h3.06c1.44 0 2.62 1.18 2.62 1.66z"/></svg>Night With Stars アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:night-with-stars" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:night-with-stars" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:night-with-stars" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--night-with-stars]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:night-with-stars"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:night-with-stars"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/night-with-stars.svg" alt="Night With Stars アイコン" width="24" height="24">他のアイコンセットの Night With Stars アイコン
Night With Stars アイコン のよくある質問
Night With Stars アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Night With Stars アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:night-with-stars" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Night With Stars アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/night-with-stars.svg" alt="Night With Stars アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。