Ikon Night With Stars
fluent-emoji-flat:night-with-stars
Ikon Night With Stars (fluent-emoji-flat:night-with-stars) adalah ikon SVG gratis dari set Fluent Emoji Flat karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji Flat icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent Emoji Flat
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Kategori
- Perjalanan dan tempat
- Tag
- nightwith, withstars, nightwithstars, star
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#7167a4" d="M2 6a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v14L2 15z"/><path fill="#212121" d="M6.965 30h2.027L13 29V7.25C13 6.56 12.44 6 11.75 6h-1.5C9.56 6 9 6.56 9 7.25V8H5.25C4.56 8 4 8.56 4 9.25v19.215zM18 29l2.996 1h2.01L28 28.465V17.25c0-.69-.56-1.25-1.25-1.25h-7.5c-.69 0-1.25.56-1.25 1.25z"/><path fill="#433b6b" d="M2 14v12a4 4 0 0 0 4 4h1V15.25C7 14.56 6.44 14 5.75 14zm7 16h12v-5.75c0-.69-.56-1.25-1.25-1.25H19V12.25c0-.69-.56-1.25-1.25-1.25h-7.5C9.56 11 9 11.56 9 12.25zm14 0h3a4 4 0 0 0 4-4v-7h-5.75c-.69 0-1.25.56-1.25 1.25z"/><path fill="#fff478" d="M11.5 13a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-8 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm7.5-2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm.5 7.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3.5-7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm.5 3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm8.5 1a1 1 0 0 1 1-1h5v2h-5a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2h5v-2z"/><path fill="#fcd53f" d="M11.5 13a.5.5 0 0 0-.5.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-8 7a.5.5 0 0 0-.5.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm7.5-2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5v-1a.5.5 0 0 0-.5-.5zm.5 7.5a.5.5 0 0 0-.5.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3.5-7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5v-1a.5.5 0 0 0-.5-.5zm.5 3.5a.5.5 0 0 0-.5.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm9.5 0a1 1 0 0 0-.866.5H30V21zm0 4a1 1 0 0 0-.866.5H30V25z"/><path fill="#212121" d="M15 13.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-12 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm0 8a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm8.5-3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4 4a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"/><path fill="#433b6b" d="M15 11h2v.5h-2zm5.5 13a.5.5 0 0 0-.5-.5h-1.25a.25.25 0 0 1-.25-.25V12a.5.5 0 0 0-.5-.5h-1V11h1a1 1 0 0 1 1 1v11h1a1 1 0 0 1 1 1v6h-.5z"/><path fill="#f9c23c" d="M22 9.5a3.5 3.5 0 0 0 3.39-4.374c-.06-.236.186-.454.372-.296a3.5 3.5 0 1 1-4.933 4.933c-.157-.187.06-.434.297-.373q.42.109.874.11"/><path fill="#f3eef8" d="m5.075 3.851l.201-.404a.25.25 0 0 1 .448 0l.201.404a.5.5 0 0 0 .224.224l.404.201a.25.25 0 0 1 0 .448l-.404.202a.5.5 0 0 0-.224.223l-.201.404a.25.25 0 0 1-.448 0l-.201-.404a.5.5 0 0 0-.224-.223l-.404-.202a.25.25 0 0 1 0-.448l.404-.201a.5.5 0 0 0 .224-.224m16.201-.404l-.201.404a.5.5 0 0 1-.224.224l-.404.201a.25.25 0 0 0 0 .448l.404.202a.5.5 0 0 1 .224.223l.201.404a.25.25 0 0 0 .448 0l.201-.404a.5.5 0 0 1 .224-.223l.404-.202a.25.25 0 0 0 0-.448l-.404-.201a.5.5 0 0 1-.224-.224l-.201-.404a.25.25 0 0 0-.448 0m6 8l-.201.404a.5.5 0 0 1-.224.224l-.404.202a.25.25 0 0 0 0 .447l.404.201a.5.5 0 0 1 .224.224l.201.404a.25.25 0 0 0 .448 0l.201-.404a.5.5 0 0 1 .224-.223l.404-.202a.25.25 0 0 0 0-.447l-.404-.202a.5.5 0 0 1-.224-.224l-.201-.404a.25.25 0 0 0-.448 0m-11-5.5l-.368.737a.5.5 0 0 1-.224.224l-.737.368a.25.25 0 0 0 0 .448l.737.368a.5.5 0 0 1 .224.224l.368.737a.25.25 0 0 0 .448 0l.368-.737a.5.5 0 0 1 .224-.224l.737-.368a.25.25 0 0 0 0-.448l-.737-.368a.5.5 0 0 1-.224-.224l-.368-.737a.25.25 0 0 0-.448 0"/></g></svg>Cara memakai ikon Night With Stars
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:night-with-stars" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:night-with-stars" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:night-with-stars" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--night-with-stars]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat: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="fluent-emoji-flat:night-with-stars"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/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. Fluent Emoji Flat icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Night With Stars di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji-flat: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/fluent-emoji-flat/night-with-stars.svg" alt="Ikon Night With Stars">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.