ICONYZ
Bahasa Indonesia
Ikon Hail Night dari Fluent UI MDL2

Ikon Hail Night

fluent-mdl2:hail-night

Ikon Hail Night (fluent-mdl2:hail-night) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 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 UI MDL2
Pembuat
Microsoft Corporation
Lisensi
MIT
Ukuran
2048 × 2048
Tag
hailnight
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1280 1296q23 0 43 9t36 24t24 35t9 44q0 23-9 43t-24 36t-35 24t-44 9q-23 0-43-9t-36-24t-24-35t-9-44q0-23 9-43t24-36t35-24t44-9m0 384q23 0 43 9t36 24t24 35t9 44q0 23-9 43t-24 36t-35 24t-44 9q-23 0-43-9t-36-24t-24-35t-9-44q0-23 9-43t24-36t35-24t44-9m-384-256q23 0 43 9t36 24t24 35t9 44q0 23-9 43t-24 36t-35 24t-44 9q-23 0-43-9t-36-24t-24-35t-9-44q0-23 9-43t24-36t35-24t44-9m0 384q23 0 43 9t36 24t24 35t9 44q0 23-9 43t-24 36t-35 24t-44 9q-23 0-43-9t-36-24t-24-35t-9-44q0-23 9-43t24-36t35-24t44-9m865-772q63 17 115 52t91 85t60 109t21 126q0 80-30 149t-82 122t-123 83t-149 30h-128v-128h128q53 0 99-20t82-55t55-81t20-100q0-55-20-102t-57-81t-84-53t-102-20q-12-82-51-152t-98-122t-134-81t-158-29q-76 0-146 25t-127 69t-98 106t-61 135q-44-38-97-58t-111-21q-66 0-124 25t-102 68t-69 102t-25 125t25 124t68 102t102 69t125 25h64v128h-64q-93 0-174-35t-142-96t-96-142t-36-175q0-77 25-149t74-132q-81-54-136-134T14 754q58 14 114 14q106 0 199-40t163-109t110-163t40-200q0-29-4-57t-10-57q87 20 160 67t126 113t82 147t30 171v17q0 9-1 17q92-34 193-34q93 0 178 29t158 81t126 125t83 161M324 974q56-38 120-58t132-20q74 0 147 25q61-102 157-172q8-26 12-53t4-56q0-85-35-161T761 348q-15 105-62 197T581 708T417 827t-197 62q22 26 48 47t56 38"/></svg>

Cara memakai ikon Hail Night

React

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

<Icon icon="fluent-mdl2:hail-night" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:hail-night" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:hail-night" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--hail-night]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:hail-night"></div>

Web component

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

<iconify-icon icon="fluent-mdl2:hail-night"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/hail-night.svg" alt="Ikon Hail Night" width="24" height="24">

Ikon terkait di Fluent UI MDL2

FAQ Ikon Hail Night

Apakah ikon Hail Night gratis untuk penggunaan komersial?

Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Hail Night di React?

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

Bagaimana cara menambahkan ikon Hail Night ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/hail-night.svg" alt="Ikon Hail Night">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fluent UI MDL2 →