Atom ikonu

token:atom

Atom ikonu (token:atom), Web3 Icons setinden ücretsiz bir SVG ikondur (yapımcı: 0xa3k5). 24 × 24 ızgara üzerinde çizilmiştir. Web3 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: Web3 Icons
Yazar: 0xa3k5
Lisans: MIT
Boyut: 24 × 24

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.115 8.343c-.08-.75-.187-1.484-.322-2.156v-.001c-.185-.891-.412-1.684-.705-2.252C12.804 3.373 12.448 3 12 3c-.447 0-.81.371-1.094.935c-.286.566-.52 1.352-.7 2.252a25 25 0 0 0-.32 2.156a32 32 0 0 0-2.021-.798l-.003-.002c-.866-.292-1.663-.489-2.3-.524H5.56c-.627-.028-1.13.093-1.354.477l-.001.002c-.223.39-.078.888.263 1.415l.002.005l.003.005c.457.64.994 1.22 1.599 1.724q.83.706 1.706 1.353q-.876.647-1.707 1.354l-.002.002c-.687.603-1.25 1.197-1.6 1.728l-.001.002c-.34.528-.486 1.026-.262 1.416l.147-.084l-.146.085c.224.385.732.505 1.354.477h.011a9.3 9.3 0 0 0 2.295-.525a32 32 0 0 0 2.021-.8q.122 1.083.318 2.154v.005c.186.891.413 1.684.706 2.252c.284.562.64.934 1.088.934c.447 0 .81-.371 1.094-.935c.286-.566.52-1.353.7-2.253a26 26 0 0 0 .319-2.156q.997.435 2.02.799a9.3 9.3 0 0 0 2.295.525h.011c.628.029 1.13-.092 1.354-.476l-.19-.111l.191.108c.223-.39.078-.888-.262-1.415l-.003-.005l-.003-.004a9.2 9.2 0 0 0-1.598-1.724A32 32 0 0 0 16.222 12a32 32 0 0 0 1.707-1.354l.003-.003c.686-.602 1.25-1.197 1.6-1.727v-.002c.34-.528.486-1.026.263-1.416v-.002c-.226-.384-.734-.505-1.355-.477h-.006l-.005.001a9.3 9.3 0 0 0-2.295.525q-1.023.365-2.019.798M12 3.44c-.177 0-.429.154-.701.693c-.26.516-.484 1.257-.66 2.14c-.14.7-.248 1.472-.33 2.258a32 32 0 0 1 1.692.826a32 32 0 0 1 1.691-.826a24 24 0 0 0-.33-2.256c-.183-.881-.401-1.626-.666-2.14v-.002c-.274-.541-.52-.693-.696-.693m1.736 5.554q-.639.293-1.266.615q.345.19.688.388q.339.195.673.398c-.022-.46-.053-.932-.095-1.4m-2.206.616a31 31 0 0 0-1.265-.615c-.041.469-.073.94-.095 1.4q.333-.202.672-.397q.342-.199.688-.388m-1.382 1.315q.452-.281.914-.546q.465-.27.938-.523q.473.253.937.523q.463.265.915.546a33 33 0 0 1 0 2.15q-.453.281-.914.546q-.465.27-.938.523a32 32 0 0 1-.938-.523q-.463-.266-.917-.548a33 33 0 0 1 .003-2.149m-.431-.25c.024-.61.065-1.242.123-1.87a31 31 0 0 0-2.12-.845c-.85-.288-1.603-.47-2.18-.501c-.608-.028-.864.107-.952.258c-.089.155-.077.447.248.953a8.7 8.7 0 0 0 1.519 1.638l.002.002q.872.742 1.795 1.417a32 32 0 0 1 1.566-1.053M8.528 12q.577-.41 1.171-.792a32 32 0 0 0-.002 1.582A31 31 0 0 1 8.528 12m-.377.272q-.921.675-1.793 1.417c-.672.59-1.202 1.153-1.52 1.637c-.328.508-.34.8-.25.956c.087.15.347.285.947.259a8.8 8.8 0 0 0 2.18-.5h.003a31 31 0 0 0 2.122-.845a32 32 0 0 1-.127-1.873a32 32 0 0 1-1.562-1.05m2.16 3.196q.122 1.135.327 2.26c.183.88.401 1.624.665 2.137l.002.002c.273.541.52.693.695.693c.177 0 .428-.153.7-.693c.26-.515.485-1.257.661-2.14c.139-.7.248-1.472.33-2.258a32 32 0 0 1-1.69-.826q-.835.437-1.69.825m1.22-1.077q-.627.322-1.267.615a31 31 0 0 1-.098-1.403q.334.204.676.4t.688.388m.939 0q.625.321 1.265.614c.041-.469.073-.94.095-1.4q-.333.203-.671.397q-.343.198-.69.389m1.813-1.066c-.024.61-.065 1.243-.124 1.871q1.046.461 2.123.844l.002.001a8.8 8.8 0 0 0 2.18.5c.606.026.86-.109.948-.259c.089-.155.078-.447-.248-.953a8.7 8.7 0 0 0-1.519-1.638l-.002-.001a31 31 0 0 0-1.794-1.418q-.768.549-1.566 1.053m1.566-1.597a32 32 0 0 0-1.565-1.053a35 35 0 0 0-.123-1.872a31 31 0 0 1 2.121-.843l.003-.001a8.8 8.8 0 0 1 2.18-.5c.6-.026.86.109.948.259c.089.156.077.449-.25.956c-.319.484-.848 1.048-1.52 1.638q-.872.741-1.794 1.416M15.47 12q-.576.41-1.17.792a32 32 0 0 0 0-1.584q.594.384 1.17.792" clip-rule="evenodd"/><path fill="currentColor" d="M12.001 13.115a1.115 1.115 0 1 0 0-2.23a1.115 1.115 0 0 0 0 2.23m-6.41-2.23a.837.837 0 1 0-.001-1.672a.837.837 0 0 0 0 1.673m5.016 7.805a.84.84 0 0 0 .798-.51a.838.838 0 1 0-.798.51m5.575-10.034a.836.836 0 1 0 0-1.672a.836.836 0 0 0 0 1.672"/></svg>

Atom ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

<img src="https://iconyz.com/api/public/svg/token/atom.svg" alt="Atom ikonu" width="24" height="24">

Web3 Icons setindeki benzer ikonlar

Diğer ikon setlerinde Atom ikonu

Atom ikonu: sık sorulan sorular

Atom ikonu ticari kullanım için ücretsiz mi?

Evet. Web3 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="token: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/token/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: Web3 Icons →