Sunrise アイコン
twemoji:sunrise
Sunrise アイコン(twemoji:sunrise)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M32 0H4a4 4 0 0 0-4 4v19h36V4a4 4 0 0 0-4-4"/><path fill="#f4900c" d="M32.114 18.736c1.587-.451 1.587-1.147.001-1.599l-.559-.154L31 16.82v.005l-2.94-.891L30.383 14h-.014l.493-.322l.497-.359c1.291-1.023 1.008-1.686-.629-1.498l-.636.089l-.632.09h-.002l-2.979.339l1.77-3.18l.309-.558c.802-1.44.281-1.963-1.158-1.163l-.558.282l-.556.28h-.002L23.66 9.489L24 6.543V6.54l.08-.632l.077-.638c.188-1.634-.492-1.915-1.516-.623l-.394.499l-2.257 2.85l-.819-2.881l-.002-.005l-.348-1.225c-.451-1.587-1.19-1.587-1.642 0l-.174.612l-.174.613l-.821 2.886l-1.861-2.35l-.001-.001l-.395-.499l-.397-.501c-1.023-1.29-1.704-1.007-1.515.629l.074.634l.073.632v.001l.346 2.979l-3.177-1.77l-.557-.31c-1.441-.803-1.963-.281-1.161 1.16l.31.556l1.77 3.177l-2.979-.346h-.001l-.632-.073l-.635-.074c-1.636-.189-1.918.492-.629 1.515l.501.397l.499.395l.001.001l2.35 1.861l-2.884.822l-.612.174l-.612.174c-1.587.452-1.587 1.19 0 1.642l1.225.348l.004.002l2.881.819l-2.851 2.258l-.499.396c-1.292 1.023-1.011 1.705.623 1.517l.638-.08l.632-.081h.002l2.948-.34L8 26.286v.002l-.28.556l-.296.558c-.8 1.44-.271 1.96 1.169 1.158l.56-.309l3.185-1.77L12 29.46v.002l-.08.632l-.077.635c-.189 1.637.491 1.918 1.514.627l.396-.5l.395-.5l1.862-2.352l.82 2.885v.001l.174.612l.175.613c.452 1.586 1.105 1.586 1.557-.001L19 30.89v-.004l.905-2.882l1.905 2.352l.416.5l.407.5c1.022 1.29 1.71 1.01 1.521-.625l-.078-.637l-.076-.633v-.003l-.34-2.947L26.284 28h.002l.557.28l.558.295c1.44.803 1.963.272 1.16-1.167l-.28-.561L28 26.29v-.002l-1.489-2.628l2.947.34h.003l.633.08l.637.077c1.635.189 1.915-.492.625-1.515l-.5-.396l-.5-.395l-2.352-1.947L30.886 19h.004z"/><circle cx="18" cy="18" r="9.63" fill="#ffe8b6"/><path fill="#269" d="M0 22v10a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4V22z"/><path fill="#3b88c3" d="M22 28c-1.979 0-3.25-.749-4-1.437c-.75.688-2.021 1.437-4 1.437c-3.577 0-4.842-2.448-4.895-2.553a1 1 0 0 1 1.783-.905C10.934 24.624 11.722 26 14 26c2.298 0 3.08-1.4 3.112-1.46c.177-.328.503-.524.899-.533a1 1 0 0 1 .883.546C18.92 24.6 19.701 26 22 26s3.08-1.4 3.112-1.46c.26-.481.859-.673 1.345-.42a.993.993 0 0 1 .438 1.327C26.843 25.552 25.577 28 22 28m4 6c-1.979 0-3.25-.749-4-1.437c-.75.688-2.021 1.437-4 1.437s-3.25-.749-4-1.437c-.75.688-2.021 1.437-4 1.437c-3.577 0-4.842-2.448-4.895-2.553a1 1 0 0 1 1.783-.905C6.934 30.624 7.722 32 10 32c2.298 0 3.08-1.4 3.112-1.46a1.02 1.02 0 0 1 .899-.533a1 1 0 0 1 .883.546C14.92 30.6 15.702 32 18 32s3.08-1.4 3.112-1.46c.177-.328.53-.541.899-.533a1 1 0 0 1 .883.546C22.92 30.6 23.701 32 26 32s3.08-1.4 3.112-1.46c.26-.481.86-.673 1.345-.42a.993.993 0 0 1 .438 1.327C30.843 31.552 29.577 34 26 34"/></svg>
Sunrise アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:sunrise" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:sunrise" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:sunrise" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--sunrise]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:sunrise"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:sunrise"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/sunrise.svg" alt="Sunrise アイコン" width="24" height="24">
Sunrise アイコン のよくある質問
Sunrise アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sunrise アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:sunrise" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sunrise アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/sunrise.svg" alt="Sunrise アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
