Sunrise アイコン

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

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

noto-v1:sunrise

Sunrise アイコン(noto-v1:sunrise)は、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
カテゴリ: 旅行・場所

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="#fcc21b"><path d="M92.81 77.43c-2.71-11.97-10.64-18.94-24.25-21.3c-1.59-.28-3.29-.42-5.07-.42c-4.51 0-9.02.88-12.68 2.49c-8.94 3.91-14.91 11.46-16.39 20.71c-.93 5.84.12 11.72 2.83 16.89l54.33-2.47a26.8 26.8 0 0 0 1.23-15.9"/><path d="m119.05 80.07l-13.52-4.61l11.81-10.89c.32-.29.42-.74.28-1.15c-.14-.4-.51-.68-.94-.7L99.93 61.7l5.44-15.68a1.068 1.068 0 0 0-1.32-1.37l-15.91 4.87l1.96-16.86c.04-.42-.16-.84-.53-1.05c-.37-.22-.83-.19-1.17.07L73.2 43.09l-8.45-17.04c-.18-.37-.5-.62-.97-.6c-.41.01-.78.25-.95.62l-7.5 16.44l-14.18-12.18c-.32-.27-.77-.33-1.15-.15s-.62.56-.61.98l.27 17.18l-16.38-5.56a1.072 1.072 0 0 0-1.34 1.41l6.35 15.9l-16.69 1.82c-.4.05-.75.31-.88.69c-.14.38-.05.8.22 1.1l10.39 11.04l-13.27 4.9a1.076 1.076 0 0 0-.28 1.86l19.16 14.54c.19.14.41.22.65.22h.05l4.96-.23c-2.49-5.53-3.37-11.68-2.39-17.78c1.71-10.72 8.6-19.45 18.89-23.95c4.2-1.84 9.31-2.85 14.4-2.85c2.02 0 3.97.16 5.8.48c15.28 2.65 24.6 10.92 27.68 24.56c1.27 5.62.9 11.36-.83 16.64l6.8-.31c.2-.01.38-.07.55-.18l15.82-10.68c.33-.23.51-.62.46-1.03c-.07-.4-.34-.73-.73-.86"/></g><defs><path id="SVGHPpCudxJ" d="M127.99 115.9c0 6.65-5.44 12.09-12.09 12.09H12.1c-6.66 0-12.1-5.44-12.1-12.09V12.1C0 5.45 5.44 0 12.1 0h103.8c6.65 0 12.09 5.45 12.09 12.1z"/></defs><clipPath id="SVGbKs4bcNW"><use href="#SVGHPpCudxJ"/></clipPath><path fill="#40c0e7" d="M-7.02 85.44h142.41v49.83H-7.02z" clip-path="url(#SVGbKs4bcNW)"/><g fill="#fff" clip-path="url(#SVGbKs4bcNW)"><path d="M17.85 95.66c-1.18-.72-2.79-.9-4.14-.89c-2.61.01-7.81-.76-7.5 3.37c.1 1.22.86 2.13 2.05 2.43c1.97.49 4.3.48 6.31.33c1.16-.09 2.65-.3 3.69-.87c1.66-.9 1.06-3.4-.28-4.28c-.04-.03-.08-.05-.13-.09m15.47 8.64c-1.18-.72-2.79-.9-4.14-.9c-2.61.01-7.81-.76-7.5 3.37c.09 1.23.86 2.14 2.05 2.43c1.98.49 4.3.48 6.32.33c1.15-.08 2.65-.3 3.68-.86c1.67-.9 1.06-3.4-.27-4.29c-.05-.02-.09-.06-.14-.08m88.26-10.43c-1.18-.72-2.79-.9-4.14-.89c-2.61.01-7.81-.76-7.5 3.37c.09 1.23.86 2.13 2.05 2.43c1.97.49 4.3.48 6.31.33c1.16-.09 2.64-.3 3.69-.87c1.66-.9 1.06-3.4-.27-4.28c-.05-.03-.1-.05-.14-.09m-10.91 9.52c-1.18-.72-2.79-.9-4.14-.89c-2.61.01-7.81-.76-7.5 3.37c.09 1.22.86 2.13 2.04 2.43c1.98.49 4.3.48 6.32.33c1.15-.09 2.64-.3 3.68-.87c1.67-.9 1.06-3.4-.28-4.28a.6.6 0 0 0-.12-.09m-67.56-11.4c2.16-.01 4.32-.04 6.48-.02c7.06.07 14.13-.08 21.19-.07c6.63.01 13.25.17 19.88.17c1.63 0 3.36-.03 4.88.33c.88.22 1.8.35 2.13 1.3c.62 1.75-.55 2.68-1.81 3.63c-1.97 1.48-2.83 3.49-4.38 5.29c-1.68 1.96-4.88 2.78-7.36 2.97c-3.37.25-4.79-.66-6.76 2.43c-.59.93-1.33 1.29-2.32 1.67c-1.36.52-2.94.94-4.4.93c-3.34-.02-8.33.61-10.75-2.28c-1.04-1.23-1.55-2.54-3.29-2.8c-1.02-.16-2.04-.29-3.09-.29c-1.14 0-2.43.18-3.55.01c-.89-.14-1.79-.64-2.43-1.27c-.65-.63-1.02-1.74-1.35-2.65c-.6-1.65-2.55-2.12-4.15-2.28c-.95-.1-1.88-.33-2.85-.32c-1.03 0-1.91-.07-2.89-.37c-1.6-.5-3.94-2.31-3.34-4.22c.84-2.68 4.06-2.27 6.15-2.22c1.32.06 2.66.07 4.01.06"/></g></svg>

Sunrise アイコンの使い方

React

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

<Icon icon="noto-v1:sunrise" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:sunrise" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:sunrise" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="noto-v1:sunrise"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto-v1/sunrise.svg" alt="Sunrise アイコン" width="24" height="24">

Noto Emoji (v1) の関連アイコン

他のアイコンセットの Sunrise アイコン

Sunrise アイコンのよくある質問

Sunrise アイコンは商用利用でも無料ですか?

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

React で Sunrise アイコンを使うには?

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

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

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

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