Atom ikonu

skill-icons:atom

Atom ikonu (skill-icons:atom), Skill Icons setinden ücretsiz bir SVG ikondur (yapımcı: tandpfun). 256 × 256 ızgara üzerinde çizilmiştir. Skill Icons, MIT lisansı 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: Skill Icons
Yazar: tandpfun
Lisans: MIT
Boyut: 256 × 256

SVG indir

SVG kodu

<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 ikonu nasıl kullanılır

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>

Web bileşeni

<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 görseli

<img src="https://iconyz.com/api/public/svg/skill-icons/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. Skill Icons, MIT lisansı 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="skill-icons: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/skill-icons/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: Skill Icons →