Ikon Night With Stars

emojione-v1:night-with-stars

Ikon Night With Stars (emojione-v1:night-with-stars) adalah ikon SVG gratis dari set Emoji One (v1) karya Emoji One. Ikon ini digambar pada grid 64 × 64. Emoji One (v1) icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Emoji One (v1)
Pembuat: Emoji One
Lisensi: CC-BY-SA-4.0
Ukuran: 64 × 64
Kategori: Perjalanan
Tag: nightwith, withstars, nightwithstars, star

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#306177" d="M63.889 57.35c0 3.8-3.076 6.88-6.874 6.88H6.985a6.876 6.876 0 0 1-6.872-6.88V7.33A6.875 6.875 0 0 1 6.985.454h50.03a6.875 6.875 0 0 1 6.874 6.876z"/><path fill="#1d5568" d="M.112 49.01v8.338c0 3.8 3.077 6.88 6.872 6.88h50.03a6.876 6.876 0 0 0 6.874-6.88V7.328C52.997 46.887 13.848 49.398.111 49.014"/><g fill="#f4f5f5"><ellipse cx="6.171" cy="9.958" rx=".709" ry="3.861"/><ellipse cx="6.171" cy="9.958" rx="3.863" ry=".709"/><ellipse cx="5.464" cy="32.458" rx=".709" ry="3.861"/><ellipse cx="5.463" cy="32.458" rx="3.861" ry=".709"/><ellipse cx="59.11" cy="33.554" rx=".709" ry="3.861"/><path d="M59.11 34.26c2.132 0 3.863-.315 3.863-.709s-1.731-.709-3.863-.709s-3.863.315-3.863.709s1.732.709 3.863.709"/><ellipse cx="12.804" cy="19.17" rx=".496" ry="2.699"/><ellipse cx="12.806" cy="19.17" rx="2.7" ry=".498"/><ellipse cx="38.04" cy="14.688" rx=".247" ry="1.348"/><ellipse cx="38.04" cy="14.689" rx="1.352" ry=".249"/><ellipse cx="34.709" cy="30.775" rx=".247" ry="1.348"/><ellipse cx="34.709" cy="30.775" rx="1.352" ry=".249"/><path d="M51.972 12.386c.709 5.295-7.164 10.727-1.871 10.01c5.296-.713 9.01-5.585 8.301-10.88c-.713-5.293-5.587-9.01-10.88-8.298c-5.294.71 3.737 3.869 4.45 9.164"/></g><path fill="#25333a" d="M26.26 47.47v16.413c0 .135.076.247.163.247h10.609c.091 0 .165-.112.165-.247V47.475q0-.111-.047-.169l-.004-.006v-.004c-.027-.043-.066-.07-.114-.07H26.423c-.087 0-.163.113-.163.249"/><path fill="#6cb5c6" d="M26.969 60.726h9.338c.074 0 .153-.025.153-.049v-3.079c0-.027-.079-.048-.153-.048h-9.338a.3.3 0 0 0-.104.016v.005c-.02.008-.04.016-.04.027v3.079c0 .023.06.049.144.049m.081-4.246h9.341c.073 0 .147-.023.147-.047v-3.079c0-.027-.074-.048-.147-.048h-9.342a.3.3 0 0 0-.102.016v.005c-.02.008-.039.016-.039.027v3.079c0 .024.059.047.142.047m0-4.43h9.341c.073 0 .147-.025.147-.052v-3.075c0-.027-.074-.047-.147-.047h-9.342a.3.3 0 0 0-.102.014v.002c-.02.012-.039.018-.039.031v3.075c0 .026.059.052.142.052"/><path fill="#25333a" d="M26.26 48.39v15.002c0 .124.057.226.127.226h8.024c.067 0 .126-.102.126-.226V48.39a.3.3 0 0 0-.035-.152l-.002-.005l-.004-.006c-.023-.037-.047-.063-.085-.063h-8.024c-.07 0-.127.105-.127.226" opacity=".6"/><path fill="#25333a" d="M54.56 47.47v16.413c0 .135-.074.247-.162.247H43.79c-.09 0-.164-.112-.164-.247V47.475q0-.111.045-.169l.004-.006v-.004c.029-.043.068-.07.115-.07h10.608c.088 0 .162.113.162.249"/><path fill="#6cb5c6" d="M53.856 60.726h-9.339c-.074 0-.15-.025-.15-.049v-3.079c0-.027.076-.048.15-.048h9.339c.039 0 .086.004.105.016v.005c.02.008.039.016.039.027v3.079c0 .023-.058.049-.144.049m-.082-4.246h-9.345c-.072 0-.146-.023-.146-.047v-3.079c0-.027.074-.048.146-.048h9.345c.035 0 .082.004.102.016v.005c.02.008.039.016.039.027v3.079c0 .024-.059.047-.141.047m0-4.43h-9.345c-.072 0-.146-.025-.146-.052v-3.075c0-.027.074-.047.146-.047h9.345c.035 0 .082.004.102.014v.002c.02.012.039.018.039.031v3.075c0 .026-.059.052-.141.052"/><path fill="#25333a" d="M54.56 48.39v15.002c0 .124-.057.226-.125.226h-8.024c-.068 0-.125-.102-.125-.226V48.39q0-.1.033-.152l.002-.004l.004-.006c.023-.037.047-.063.086-.063h8.025c.068 0 .124.104.124.225" opacity=".6"/><path fill="#25333a" d="M58.45 25.496v38.09c0 .313-.117.574-.255.574h-16.68c-.139 0-.257-.261-.257-.574v-38.09c0-.169.023-.304.071-.391l.008-.016v-.007c.045-.102.105-.162.178-.162h16.68c.138 0 .255.263.255.576"/><path fill="#6cb5c6" d="M57.33 56.27H42.648c-.118 0-.237-.06-.237-.11v-7.148c0-.064.119-.107.237-.107H57.33c.059 0 .131.008.166.031v.008c.027.02.059.039.059.068v7.149c0 .049-.094.109-.225.109m-.13-9.84H42.512c-.113 0-.23-.055-.23-.109v-7.146c0-.063.117-.109.23-.109H57.2c.055 0 .13.011.161.035v.006c.029.023.061.039.061.068v7.147c0 .053-.092.108-.222.108m0-10.29H42.512c-.113 0-.23-.06-.23-.117V28.88c0-.063.117-.108.23-.108H57.2c.055 0 .13.009.161.033v.006c.029.024.061.041.061.069v7.143c0 .057-.092.117-.222.117"/><path fill="#25333a" d="M58.45 27.641v34.814c0 .29-.09.525-.2.525H45.634c-.108 0-.196-.235-.196-.525V27.641a.9.9 0 0 1 .053-.355l.004-.012l.006-.013c.037-.089.073-.146.134-.146h12.612c.109 0 .199.241.199.526" opacity=".6"/><path fill="#25333a" d="M6.146 37.08v26.783c0 .219.123.403.266.403h17.32c.145 0 .267-.185.267-.403V37.08c0-.12-.025-.215-.075-.275l-.006-.011v-.005c-.049-.072-.111-.114-.186-.114H6.416c-.144 0-.267.184-.267.405"/><path fill="#6cb5c6" d="M7.303 58.714h15.241c.122 0 .247-.043.247-.078v-5.027c0-.045-.125-.076-.247-.076H7.303a.5.5 0 0 0-.172.023v.006c-.03.014-.063.027-.063.047v5.027c0 .035.098.078.235.078m.135-6.921h15.249c.12 0 .241-.041.241-.076V46.69c0-.043-.121-.076-.241-.076H7.438a.4.4 0 0 0-.167.025v.004c-.029.016-.063.027-.063.047v5.027c0 .035.095.076.23.076m0-7.233h15.249c.12 0 .241-.041.241-.082v-5.022c0-.045-.121-.076-.241-.076H7.438a.5.5 0 0 0-.167.023v.003c-.029.018-.063.029-.063.05v5.022c0 .041.095.082.23.082"/><path fill="#25333a" d="M6.146 38.582v24.481c0 .204.094.368.208.368h13.095c.11 0 .204-.164.204-.368V38.582a.5.5 0 0 0-.055-.249l-.004-.008h-.008c-.039-.063-.077-.103-.137-.103H6.353c-.114 0-.207.171-.207.37" opacity=".6"/><path fill="#25333a" d="M32 38.08v25.654c0 .212.12.389.257.389h16.589c.141 0 .256-.177.256-.389V38.08a.45.45 0 0 0-.07-.265l-.008-.008v-.006c-.045-.068-.105-.109-.178-.109H32.258c-.137 0-.257.176-.257.388"/><path fill="#6cb5c6" d="M33.11 58.812h14.605c.115 0 .233-.043.233-.078v-4.812c0-.043-.118-.074-.233-.074H33.11a.5.5 0 0 0-.162.023v.004c-.027.016-.059.027-.059.047v4.811c0 .036.093.079.221.079m.13-6.632h14.609c.115 0 .23-.039.23-.074V47.29c0-.043-.115-.074-.23-.074H33.24a.5.5 0 0 0-.159.023v.008c-.029.012-.059.023-.059.043v4.815c0 .036.09.075.218.075m0-6.93h14.609c.115 0 .23-.039.23-.078V40.36c0-.043-.115-.074-.23-.074H33.24a.5.5 0 0 0-.159.023v.004c-.029.016-.059.027-.059.047v4.811c0 .04.09.079.218.079"/><path fill="#25333a" d="M33.885 43.08v20.728c0 .172.09.313.199.313h12.544c.105 0 .195-.142.195-.313V43.077a.4.4 0 0 0-.053-.214s-.004-.004-.004-.006l-.008-.008c-.035-.053-.074-.086-.131-.086H34.083c-.108 0-.198.144-.198.314" opacity=".6"/><path fill="#25333a" d="M8.101 10.688v52.637c0 .435.146.796.317.796h20.367c.172 0 .315-.361.315-.796V10.682c0-.235-.031-.417-.082-.545c0 0-.006 0 0-.016c0 0-.006-.014-.014-.021c-.045-.129-.118-.215-.21-.215H8.426c-.169 0-.315.361-.315.796"/><path fill="#6cb5c6" d="M9.46 33.554H27.4c.141 0 .284-.045.284-.086v-5.394c0-.047-.143-.082-.284-.082H9.46a.7.7 0 0 0-.198.025v.006c-.036.016-.073.029-.073.051v5.393c0 .042.114.087.271.087m.165-7.434h17.938c.143 0 .286-.043.286-.084v-5.393c0-.047-.143-.084-.286-.084H9.625c-.069 0-.157.001-.198.027v.006c-.036.016-.073.03-.073.051v5.393c0 .041.114.084.271.084m0-7.76h17.938c.143 0 .286-.043.286-.086v-5.393c0-.047-.143-.082-.286-.082H9.625a.7.7 0 0 0-.198.025v.006c-.036.016-.073.029-.073.051v5.393c0 .042.114.086.271.086m.001 23.131h17.936c.145 0 .286-.043.286-.084v-5.394c0-.049-.141-.084-.286-.084H9.626c-.071 0-.159 0-.2.027v.004c-.036.016-.071.031-.071.053v5.394c0 .041.113.084.271.084m0 9.077h17.936c.145 0 .286-.043.286-.082v-5.395c0-.047-.141-.084-.286-.084H9.626c-.071 0-.159 0-.2.027v.006c-.036.016-.071.029-.071.051v5.395c0 .039.113.082.271.082"/><path fill="#25333a" d="M8.101 14.806v48.582c0 .404.125.737.274.737h17.612c.151 0 .274-.333.274-.737V14.807a1.4 1.4 0 0 0-.071-.503c0-.006-.008 0-.008 0c-.002-.016-.004-.018-.004-.018c-.051-.125-.111-.206-.192-.206H8.375c-.149 0-.274.335-.274.736" opacity=".6"/></svg>

Cara memakai ikon Night With Stars

React

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

<Icon icon="emojione-v1:night-with-stars" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:night-with-stars" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:night-with-stars" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--night-with-stars]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:night-with-stars"></div>

Web component

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

<iconify-icon icon="emojione-v1:night-with-stars"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/night-with-stars.svg" alt="Ikon Night With Stars" width="24" height="24">

Ikon Night With Stars di set ikon lain

FAQ Ikon Night With Stars

Apakah ikon Night With Stars gratis untuk penggunaan komersial?

Ya. Emoji One (v1) icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.

Bagaimana cara memakai ikon Night With Stars di React?

Pasang @iconify/react lalu render <Icon icon="emojione-v1:night-with-stars" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Night With Stars ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/emojione-v1/night-with-stars.svg" alt="Ikon Night With Stars">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Emoji One (v1) →