ICONYZ
Bahasa Indonesia
Ikon Notificationtop dari WebHostingHub Glyphs

Ikon Notificationtop

whh:notificationtop

Ikon Notificationtop (whh:notificationtop) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
WebHostingHub Glyphs
Pembuat
WebHostingHub
Lisensi
OFL-1.1
Ukuran
1024 × 1024
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M855 1024H169q-57 0-113-57T0 852V428q0-58 56-115t113-57h151L512 0l192 256h151q57 0 113 57t56 115v424q0 58-56 115t-113 57m-23-576H192q-26 0-45 19t-19 45t19 45t45 19h640q26 0 45-19t19-45t-19-45t-45-19m0 256H192q-26 0-45 18.5t-19 45t19 45.5t45 19h640q26 0 45-19t19-45.5t-19-45t-45-18.5"/></svg>

Cara memakai ikon Notificationtop

React

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

<Icon icon="whh:notificationtop" width="24" />

Vue

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

<template>
  <Icon icon="whh:notificationtop" width="24" />
</template>

Svelte

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

<Icon icon="whh:notificationtop" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--notificationtop]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:notificationtop"></div>

Web component

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

<iconify-icon icon="whh:notificationtop"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/whh/notificationtop.svg" alt="Ikon Notificationtop" width="24" height="24">

FAQ Ikon Notificationtop

Apakah ikon Notificationtop gratis untuk penggunaan komersial?

Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Notificationtop di React?

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

Bagaimana cara menambahkan ikon Notificationtop ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/notificationtop.svg" alt="Ikon Notificationtop">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon WebHostingHub Glyphs →