أيقونة Atom
whh:atom
أيقونة Atom (whh:atom) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 898 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 898 × 1024
شيفرة 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>
كيفية استخدام أيقونة 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>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:atom"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/atom.svg" alt="أيقونة Atom" width="24" height="24">
أيقونة Atom في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Atom
هل أيقونة Atom مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Atom في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:atom" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Atom إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/atom.svg" alt="أيقونة Atom">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات WebHostingHub Glyphs →
ICONYZ
