Ikon Atom
whh:atom
Ikon Atom (whh:atom) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 898 × 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
- 898 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="898" height="1024" viewBox="0 0 898 1024"><path fill="currentColor" d="M879 754q-26 45-86.5 64.5T649 830q-36 91-88.5 142.5t-112 51.5t-112-52T248 830q-83 8-143.5-11.5T18 754Q-9 705 5.5 643T73 512Q20 443 5.5 381T18 270q26-45 87-64.5T248 194q36-91 88.5-142.5T448.5 0t112 51.5T649 194q83-8 143.5 11.5T879 270q28 48 13 110.5T824 512q53 69 68 131t-13 111m-58-36q36-60-37-159q-40 43-88 81q-8 66-26 127q117 7 151-49M273 333q26-17 51-31q5-2 38-19q-39-12-73-18q-10 34-16 68m84 26q-50 28-96 61q-4 45-4 92q0 41 4 93q47 33 96 60q43 24 91 44q52-22 93-44q50-28 96-61q4-46 4-92q0-40-5-93q-47-33-95-60q-44-24-92-44q-52 22-92 44M194 473q-20 17-41 39q20 21 41 39q-1-29-1-39q0-16 1-39m431 218q-28 17-52 31l-38 19q38 12 73 18q10-34 17-68m79-140q20-18 40-39q-19-20-41-39q2 33 2 39q0 10-1 39M449 960q40 0 76-36.5T587 822q-66-13-139-41q-72 28-138 41q27 65 63 101.5t76 36.5m-88-219q-23-11-37-19q-23-13-51-31q7 40 16 68q31-5 72-18M76 718q35 56 151 49q-17-59-26-127q-48-38-88-80q-72 99-37 158m0-412q-35 60 37 158q40-42 88-80q8-66 26-127q-116-7-151 49M449 64q-40 0-76 36.5T310 202q67 13 139 41q73-28 138-41q-27-65-62.5-101.5T449 64m88 219q21 11 36 19q22 13 51 31q-7-39-15-68q-30 5-72 18m284 23q-34-56-151-49q17 59 26 127q48 38 88 80q72-98 37-158"/></svg>
Cara memakai ikon Atom
React
import { Icon } from "@iconify/react";
<Icon icon="whh:atom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:atom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:atom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--atom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:atom"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:atom"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/atom.svg" alt="Ikon Atom" width="24" height="24">
Ikon Atom di set ikon lain
FAQ Ikon Atom
Apakah ikon Atom 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 Atom di React?
Pasang @iconify/react lalu render <Icon icon="whh:atom" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Atom ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/atom.svg" alt="Ikon Atom">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon WebHostingHub Glyphs →
ICONYZ
