Sunset アイコン
emojione-monotone:sunset
Sunset アイコン(emojione-monotone:sunset)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 旅行
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M10.797 27.508L2 19.746v9.785l6.849 3.353a23.7 23.7 0 0 1 1.948-5.376m7.167-8.445L9.048 2H2v7.888l11.669 13.225a24 24 0 0 1 4.295-4.05M54.952 2l-8.915 17.063a24 24 0 0 1 4.294 4.05L62 9.889V2zM45.92 2H35.516l-.789 12.633c2.208.252 4.324.806 6.306 1.621zM29.273 14.633L28.484 2H18.08l4.888 14.254a23.6 23.6 0 0 1 6.305-1.621m25.878 18.252L62 29.533v-9.787l-8.797 7.763a23.6 23.6 0 0 1 1.948 5.376"/><path fill="currentColor" d="M55.764 38.236c0 1.389-.127 2.747-.354 4.07h-3.722v-4.682h-2.813v-3.75L43.25 32V21.688h-1.875V32l-5.625 1.875v3.75h-2.813v-7.203l-9.375-10.609l-9.375 10.609v7.127l-5.935 1.355c-.005-.223-.017-.443-.017-.668c0-.131.008-.26.011-.39L2 35.705V62h51.563V48.844c0-.498.338-.906.75-.906h.375c.412 0 .75.408.75.906V62h2.813V48.844c0-.498.338-.906.75-.906h.375c.412 0 .75.408.75.906V62H62V35.705l-6.247 2.143c.003.129.011.257.011.388M10.906 57.313a.94.94 0 0 1-.938.938H7.156a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h2.813a.94.94 0 0 1 .938.938zm0-7.5a.94.94 0 0 1-.938.938H7.156a.94.94 0 0 1-.938-.938v-1.875A.94.94 0 0 1 7.156 47h2.813a.94.94 0 0 1 .938.938zm19.219 7.5a.94.94 0 0 1-.938.938h-11.25a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h11.25a.94.94 0 0 1 .938.938zm0-7.5a.94.94 0 0 1-.938.938h-11.25a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .939-.938h11.25a.94.94 0 0 1 .938.938v1.875zm0-7.5a.94.94 0 0 1-.938.938h-11.25a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h11.25a.94.94 0 0 1 .938.938zm0-7.5a.94.94 0 0 1-.938.938h-11.25a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .939-.938h11.25a.94.94 0 0 1 .938.938v1.875zm10.781 24.375a.94.94 0 0 1-.938.938h-2.813a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h2.813a.94.94 0 0 1 .938.938zm0-15a.94.94 0 0 1-.938.938h-2.813a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h2.813a.94.94 0 0 1 .938.938zm7.5 15a.94.94 0 0 1-.938.938h-2.813a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h2.813a.94.94 0 0 1 .938.938zm0-7.5a.94.94 0 0 1-.938.938h-2.813a.94.94 0 0 1-.938-.938v-1.875a.94.94 0 0 1 .938-.938h2.813a.94.94 0 0 1 .938.938z"/></svg>
Sunset アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:sunset" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:sunset" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:sunset" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--sunset]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:sunset"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:sunset"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/sunset.svg" alt="Sunset アイコン" width="24" height="24">
Sunset アイコン のよくある質問
Sunset アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sunset アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:sunset" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sunset アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/sunset.svg" alt="Sunset アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Monotone) アイコン をすべて見る →
ICONYZ
