Atom Light ikonu

ph:atom-light

Atom Light ikonu (ph:atom-light), Phosphor setinden ücretsiz bir SVG ikondur (yapımcı: Phosphor Icons). 256 × 256 ızgara üzerinde çizilmiştir. Phosphor 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: Phosphor
Yazar: Phosphor Icons
Lisans: MIT
Boyut: 256 × 256
Etiketler: atomic, nucleus, nuclear, reactor, science, physics, electron, automation, react, atomlight

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M193.83 128a195.7 195.7 0 0 0 19.9-33.65c10.74-23.88 11-42.66.8-52.88s-29-9.94-52.88.8A195.7 195.7 0 0 0 128 62.17a195.7 195.7 0 0 0-33.65-19.9c-23.88-10.74-42.66-11-52.88-.8s-9.94 29 .8 52.88A195.7 195.7 0 0 0 62.17 128a195.7 195.7 0 0 0-19.9 33.65c-10.74 23.88-11 42.66-.8 52.88c5 5 12 7.47 20.63 7.47c9.1 0 20-2.76 32.25-8.27a195.7 195.7 0 0 0 33.65-19.9a195.7 195.7 0 0 0 33.65 19.9c12.25 5.51 23.15 8.27 32.25 8.27c8.64 0 15.65-2.49 20.63-7.47c10.23-10.22 9.94-29-.8-52.88a195.7 195.7 0 0 0-19.9-33.65M206 50c9.28 9.28 2.36 36.29-19.8 68a306 306 0 0 0-22.78-25.45A306 306 0 0 0 138 69.76c31.75-22.15 58.77-29.08 68-19.76m-27.19 78A289 289 0 0 1 155 155a289 289 0 0 1-27 23.88A289 289 0 0 1 101 155a291 291 0 0 1-23.88-27A297 297 0 0 1 128 77.14A291 291 0 0 1 155 101a289 289 0 0 1 23.85 27ZM50 50c2.68-2.69 6.84-4 12.17-4c13.11 0 33.3 8 55.87 23.81a303 303 0 0 0-25.5 22.73A306 306 0 0 0 69.76 118C47.6 86.25 40.68 59.24 50 50m0 156c-9.28-9.28-2.35-36.29 19.8-68a306 306 0 0 0 22.78 25.45A306 306 0 0 0 118 186.24C86.25 208.4 59.24 215.32 50 206m156 0c-9.28 9.28-36.29 2.35-68-19.81a304 304 0 0 0 25.45-22.77A306 306 0 0 0 186.24 138c22.16 31.75 29.08 58.76 19.76 68m-68-78a10 10 0 1 1-10-10a10 10 0 0 1 10 10"/></svg>

Atom Light ikonu nasıl kullanılır

React

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

<Icon icon="ph:atom-light" width="24" />

Vue

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

<template>
  <Icon icon="ph:atom-light" width="24" />
</template>

Svelte

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

<Icon icon="ph:atom-light" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="ph:atom-light"></iconify-icon>

HTML görseli

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

Phosphor setindeki benzer ikonlar

Diğer ikon setlerinde Atom Light ikonu

Atom Light ikonu: sık sorulan sorular

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

Evet. Phosphor icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Atom Light ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="ph:atom-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Atom Light 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/ph/atom-light.svg" alt="Atom Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Phosphor ikonları →