Atom ikonu
whh:atom
Atom ikonu (whh:atom), WebHostingHub Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: WebHostingHub). 898 × 1024 ızgara üzerinde çizilmiştir. WebHostingHub Glyphs icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- WebHostingHub Glyphs
- Yazar
- WebHostingHub
- Lisans
- OFL-1.1
- Boyut
- 898 × 1024
SVG kodu
<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>
Atom ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:atom"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/whh/atom.svg" alt="Atom ikonu" width="24" height="24">
Diğer ikon setlerinde Atom ikonu
Atom ikonu: sık sorulan sorular
Atom ikonu ticari kullanım için ücretsiz mi?
Evet. WebHostingHub Glyphs icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Atom ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="whh:atom" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Atom ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/whh/atom.svg" alt="Atom ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: WebHostingHub Glyphs ikonları →
ICONYZ
