Ikon Atom

game-icons:atom

Ikon Atom (game-icons:atom) adalah ikon SVG gratis dari set Game Icons karya GameIcons. Ikon ini digambar pada grid 512 × 512. Game Icons dirilis di bawah lisensi CC BY 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Game Icons
Pembuat: GameIcons
Lisensi: CC-BY-3.0
Ukuran: 512 × 512

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M387.176 255.949c51.343-43.046 83.887-87.512 68.022-114.939s-70.668-21.486-133.655 1.483C309.94 76.458 287.733 26 256.043 26s-53.917 50.448-65.53 116.338a403 403 0 0 0-44.827-13.61c-47.09-11.109-77.812-6.867-88.85 12.241c-15.916 27.54 16.68 71.986 68.064 115.052c-51.385 43.065-83.98 87.51-68.104 115.01c7.021 12.159 22.001 18.295 44.095 18.295c12.643 0 27.612-2.06 44.754-6.054a403 403 0 0 0 44.827-13.61C202.074 435.645 224.272 486 256.002 486s53.917-50.448 65.53-116.338a403 403 0 0 0 44.827 13.61c17.142 4.046 32.111 6.054 44.754 6.054c22.094 0 37.064-6.177 44.095-18.295c11.037-19.119-.659-47.843-33.82-83.064a403 403 0 0 0-34.212-32.018m-17.05-111.12c37.064-8.74 64.172-7.03 70.803 4.449c6.63 11.479-5.457 35.828-31.546 63.543a393 393 0 0 1-35.138 32.657c-13.744-10.83-28.714-21.569-44.61-31.998c-1.102-18.614-2.934-36.971-5.457-54.494a393 393 0 0 1 45.949-14.156zM285.21 306.624q-14.63 8.442-29.218 15.999q-14.558-7.547-29.219-16q-14.66-8.452-28.467-17.296a737 737 0 0 1 0-66.6q13.817-8.834 28.467-17.297t29.27-16.01q14.558 7.547 29.219 16q14.66 8.452 28.436 17.306a737 737 0 0 1 0 66.601q-13.837 8.834-28.488 17.297m27.252 2.934c-.968 12.91-2.285 25.45-3.943 37.486c-11.243-4.582-22.753-9.71-34.418-15.32q9.668-5.21 19.335-10.79t19.026-11.376m-74.58 22.176c-11.654 5.611-23.165 10.728-34.418 15.32c-1.657-12.046-2.975-24.575-3.943-37.486q9.43 5.838 19.016 11.377t19.345 10.738zm-56.44-53.536c-10.697-7.29-20.889-14.702-30.495-22.156c9.606-7.454 19.798-14.866 30.495-22.156q-.34 11.089-.35 22.156q-.01 11.068.35 22.135zm18.08-75.713c.967-12.91 2.285-25.45 3.942-37.485a613 613 0 0 1 34.439 15.33q-9.77 5.25-19.366 10.779t-19.016 11.376zm74.58-22.176c11.654-5.611 23.164-10.728 34.417-15.32a617 617 0 0 1 3.943 37.465q-9.338-5.765-19.016-11.325t-19.345-10.769zm56.45 53.536c10.696 7.29 20.889 14.702 30.494 22.156c-9.605 7.454-19.798 14.867-30.495 22.156q.34-11.088.35-22.156t-.35-22.135zM216.744 101.59c10.955-36.446 25.996-59.096 39.257-59.096s28.292 22.65 39.256 59.096a393 393 0 0 1 10.728 46.875c-16.472 6.569-33.254 14.167-49.922 22.516c-16.988-8.545-33.77-16.143-50.026-22.65a393 393 0 0 1 10.707-46.74zM102.641 212.78c-26.088-27.715-38.175-52.063-31.555-63.543s33.758-13.178 70.801-4.447a393 393 0 0 1 45.96 14.146c-2.533 17.502-4.366 35.93-5.468 54.565c-15.587 10.296-30.587 21.044-44.517 32.009a393 393 0 0 1-35.22-32.73zm39.257 154.432c-37.064 8.741-64.172 7.032-70.802-4.447c-6.63-11.48 5.426-35.798 31.545-63.503a393 393 0 0 1 35.231-32.729c13.93 10.965 28.93 21.744 44.518 32.019c1.101 18.635 2.934 37.064 5.466 54.566a393 393 0 0 1-46 14.094zm153.402 43.24c-10.955 36.446-25.996 59.096-39.257 59.096s-28.292-22.65-39.256-59.096a393 393 0 0 1-10.708-46.751c16.236-6.487 32.997-14.074 49.964-22.65c16.967 8.534 33.728 16.122 49.964 22.65a393 393 0 0 1-10.759 46.751zm145.68-47.678c-6.63 11.48-33.759 13.188-70.802 4.448a393 393 0 0 1-45.958-14.146c2.532-17.503 4.365-35.931 5.466-54.566c15.588-10.296 30.588-21.044 44.518-32.019a393 393 0 0 1 35.18 32.77c26.088 27.705 38.154 52.054 31.545 63.534zm-208.081-105.25a22.876 22.876 0 1 1 22.876 22.876a22.876 22.876 0 0 1-22.876-22.876"/></svg>

Cara memakai ikon Atom

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

<img src="https://iconyz.com/api/public/svg/game-icons/atom.svg" alt="Ikon Atom" width="24" height="24">

Ikon terkait di Game Icons

Ikon Atom di set ikon lain

FAQ Ikon Atom

Apakah ikon Atom gratis untuk penggunaan komersial?

Ya. Game Icons dirilis di bawah lisensi CC BY 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Atom di React?

Pasang @iconify/react lalu render <Icon icon="game-icons:atom" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Atom ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/game-icons/atom.svg" alt="Ikon Atom">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Game Icons →