أيقونة Atom

skill-icons:atom

أيقونة Atom (skill-icons:atom) أيقونة SVG مجانية من مجموعة Skill Icons من تصميم tandpfun. مرسومة على شبكة 256 × 256. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Skill Icons
المؤلف: tandpfun
الترخيص: MIT
الحجم: 256 × 256

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><rect width="256" height="256" fill="url(#SVGJ5N5Ecfn)" rx="60"/><path fill="#f2f8f6" d="M95.904 106.851a264 264 0 0 0-4.711 7.541a195 195 0 0 1-4.354-13.443a195 195 0 0 1 14.03-1.475a270 270 0 0 0-4.965 7.377m121.867 8.832c-4.883-4.686-11.864-8.981-20.747-12.765c-17.636-7.51-41.258-12.377-66.517-13.701c-3.046-.16-6.019-.27-8.896-.328c19.284-23.017 37.909-35.265 48.755-35.676c2.297-.088 4.225.366 5.736 1.348c5.076 3.299 6.485 13.532 3.767 27.372a5.043 5.043 0 0 0 9.895 1.943c4.671-23.794-1.864-33.672-8.167-37.77c-3.289-2.138-7.199-3.137-11.614-2.97c-16.683.635-40.06 18.425-61.391 45.85c-8.445.292-16.586 1.02-24.203 2.159c-.835-3.883-1.481-7.645-1.92-11.251c-1.912-15.767.434-26.959 6.277-29.939c.939-.478 1.964-.754 3.136-.842c5.22-.392 12.586 3.116 20.727 9.877a5.041 5.041 0 1 0 6.442-7.757c-10.456-8.684-19.85-12.78-27.924-12.174c-2.496.187-4.838.831-6.962 1.914c-5.427 2.768-9.136 8.068-11.023 15.753c-1.617 6.58-1.846 14.784-.681 24.382c.46 3.796 1.134 7.747 2.002 11.814c-5.955 1.254-11.473 2.784-16.42 4.571c-21.642 7.817-26.638 18.122-27.019 25.391c-.363 6.943 3.19 17.275 22.185 27.07a5.041 5.041 0 1 0 4.621-8.961c-10.926-5.635-17.027-12.043-16.737-17.583c.409-7.804 13.49-16.063 35.772-20.717c2.064 7.453 4.715 15.196 7.894 23.047c-8.009 15.032-13.852 29.848-16.882 43.028c-2.166 9.416-2.798 17.592-1.881 24.301c1.07 7.835 4.205 13.491 9.313 16.812c2.605 1.693 6.115 3.017 10.726 3.017c6.686-.001 15.686-2.786 27.582-11.271a5.041 5.041 0 1 0-5.854-8.209c-11.727 8.364-21.805 11.358-26.96 8.009c-5.496-3.572-6.655-14.937-3.1-30.401c2.357-10.253 6.564-21.617 12.268-33.331a262 262 0 0 0 3.88 7.952c11.481 22.554 25.536 42.176 39.576 55.253c7.071 6.585 13.834 11.222 20.099 13.781c3.803 1.553 7.374 2.329 10.688 2.329c3.068 0 5.918-.666 8.526-1.996c5.235-2.67 8.876-7.705 10.82-14.965c1.666-6.219 2.04-13.975 1.114-23.056c-1.824-17.854-8.571-39.628-18.998-61.314a5.041 5.041 0 0 0-9.086 4.369c9.934 20.661 16.345 41.248 18.052 57.969c1.502 14.706-.922 25.18-6.482 28.015c-5.839 2.977-16.253-1.699-27.861-12.51c-13.199-12.293-26.503-30.921-37.464-52.448a250 250 0 0 1-6.914-14.75a250 250 0 0 1 8.441-13.985a253 253 0 0 1 9.307-13.392q1.242-.016 2.5-.022c4.33-.014 8.97.106 13.81.361c24.109 1.265 46.517 5.85 63.095 12.909c14.581 6.21 23.081 13.83 22.738 20.382c-.291 5.563-7.05 11.313-18.545 15.777a5.043 5.043 0 0 0 1.827 9.743c.606 0 1.222-.111 1.821-.344c19.975-7.755 24.602-17.685 24.967-24.649c.318-6.086-2.41-11.948-8.111-17.421"/><path fill="#f1f8f3" d="M118.049 129.344c0 6.089 4.932 11.025 11.014 11.025c6.085 0 11.016-4.936 11.016-11.025s-4.931-11.026-11.016-11.026c-6.082 0-11.014 4.937-11.014 11.026"/><defs><linearGradient id="SVGJ5N5Ecfn" x1="128" x2="128" y1="10.14" y2="256" gradientUnits="userSpaceOnUse"><stop stop-color="#b2e198"/><stop offset="1" stop-color="#04a171"/></linearGradient></defs></g></svg>

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

React

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

<Icon icon="skill-icons:atom" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:atom" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:atom" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="skill-icons:atom"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

تصفح كل Skill Icons →