ICONYZ
العربية
أيقونة Atom من Unicons

أيقونة Atom

uil:atom

أيقونة Atom (uil:atom) أيقونة SVG مجانية من مجموعة Unicons من تصميم Iconscout. مرسومة على شبكة 24 × 24. تُنشر Unicons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Unicons
المؤلف
Iconscout
الترخيص
Apache-2.0
الحجم
24 × 24
الفئة
التعليم
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11a1 1 0 1 0 1 1a1 1 0 0 0-1-1m7.62 1l.11-.14C21.08 10 21.4 8.29 20.66 7S18.26 5.14 16 5.37h-.18C14.91 3.3 13.56 2 12 2S9.09 3.3 8.19 5.4L8 5.37C5.74 5.14 4.08 5.71 3.34 7s-.42 3 .93 4.86l.11.14l-.11.14C2.92 14 2.6 15.71 3.34 17C4 18.1 5.27 18.68 7 18.68c.31 0 .63 0 1-.05h.18C9.09 20.7 10.44 22 12 22s2.91-1.3 3.81-3.4h.18c.34 0 .66.05 1 .05c1.77 0 3.07-.58 3.7-1.68c.74-1.29.42-3-.93-4.86ZM5.07 8c.25-.44 1-.68 2-.68h.49a15 15 0 0 0-.35 1.87a15 15 0 0 0-1.45 1.25C5 9.44 4.78 8.5 5.07 8m0 8c-.29-.5 0-1.44.67-2.47a15 15 0 0 0 1.45 1.25a15 15 0 0 0 .35 1.88c-1.24.08-2.18-.16-2.47-.66M12 4c.56 0 1.23.66 1.8 1.83a18 18 0 0 0-1.8.63a18 18 0 0 0-1.8-.63C10.77 4.66 11.44 4 12 4m0 16c-.56 0-1.23-.66-1.8-1.83a18 18 0 0 0 1.8-.63a18 18 0 0 0 1.8.63C13.23 19.34 12.56 20 12 20m2.93-6.31c-.46.32-.93.62-1.43.91s-1 .55-1.5.78q-.75-.35-1.5-.78c-.5-.29-1-.59-1.43-.91C9 13.15 9 12.59 9 12s0-1.15.07-1.69c.46-.32.93-.62 1.43-.91s1-.55 1.5-.78q.75.35 1.5.78c.5.29 1 .59 1.43.91c0 .54.07 1.1.07 1.69s0 1.15-.07 1.69m4 2.31c-.29.5-1.23.75-2.47.66a15 15 0 0 0 .35-1.88a15 15 0 0 0 1.45-1.25c.74 1.03.96 1.97.67 2.47m-.67-5.53a15 15 0 0 0-1.45-1.25a15 15 0 0 0-.35-1.87h.49c1 0 1.73.24 2 .68s.05 1.41-.69 2.44"/></svg>

كيفية استخدام أيقونة Atom

React

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

<Icon icon="uil:atom" width="24" />

Vue

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

<template>
  <Icon icon="uil:atom" width="24" />
</template>

Svelte

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

<Icon icon="uil:atom" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="uil:atom"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/uil/atom.svg" alt="أيقونة Atom" width="24" height="24">

أيقونة Atom في مجموعات أخرى

أيقونة Atom من Material Design Icons
Material Design Icons
 أيقونة Atom من Lucide
Lucide
 أيقونة Atom من Tabler Icons
Tabler Icons
 أيقونة Atom من Font Awesome 6 Solid
Font Awesome 6 Solid
 أيقونة Atom من Phosphor
Phosphor
 أيقونة Atom من @icons
@icons
 أيقونة Atom من Arcticons
Arcticons
 أيقونة Atom من BoxIcons v2
BoxIcons v2
 أيقونة Atom من Boxicons
Boxicons
 أيقونة Atom من Charm Icons
Charm Icons
 أيقونة Atom من CoreUI Brands
CoreUI Brands
 أيقونة Atom من Cryptocurrency Color Icons
Cryptocurrency Color Icons

الأسئلة الشائعة حول أيقونة Atom

هل أيقونة Atom مجانية للاستخدام التجاري؟

نعم. تُنشر Unicons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Atom في React؟

ثبّت @iconify/react واعرض <Icon icon="uil:atom" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Atom إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/uil/atom.svg" alt="أيقونة Atom">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Unicons →