Ikon Atom Symbol

emojione-monotone:atom-symbol

Ikon Atom Symbol (emojione-monotone:atom-symbol) adalah ikon SVG gratis dari set Emoji One (Monotone) karya Emoji One. Ikon ini digambar pada grid 64 × 64. Emoji One (Monotone) icons dirilis di bawah lisensi CC BY 4.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: Emoji One (Monotone)
Pembuat: Emoji One
Lisensi: CC-BY-4.0
Ukuran: 64 × 64
Kategori: Simbol
Tag: atomsymbol

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M57.873 31.999c.156-.213.316-.426.467-.639c3.891-5.556 4.711-10.714 2.313-14.525c-2.217-3.521-6.98-5.46-13.416-5.46c-1.123 0-2.287.066-3.477.183C40.867 5.651 36.703 2 32 2c-4.701 0-8.865 3.651-11.758 9.558a36 36 0 0 0-3.476-.183c-6.434 0-11.199 1.939-13.416 5.46c-2.4 3.811-1.579 8.969 2.311 14.525c.15.213.31.426.467.639c-.158.213-.318.425-.468.64C1.77 38.193.949 43.353 3.349 47.164c2.217 3.52 6.982 5.461 13.416 5.461h.002a35 35 0 0 0 3.474-.184C23.134 58.35 27.298 62 32 62c4.704 0 8.868-3.65 11.76-9.559c1.189.117 2.354.184 3.477.184c6.436 0 11.199-1.939 13.416-5.461c2.398-3.811 1.578-8.971-2.313-14.525c-.151-.215-.311-.427-.467-.64M47.236 13.095c5.736 0 9.924 1.633 11.791 4.6c2.031 3.226 1.229 7.749-2.266 12.736l-.057.075c-2.531-3.048-5.826-5.982-9.668-8.626c-.586-3.181-1.447-6.099-2.527-8.666c.93-.077 1.843-.119 2.727-.119m-7.41 31.335a62 62 0 0 1-7.825 3.459a62 62 0 0 1-7.827-3.459a62 62 0 0 1-5.466-3.266A54 54 0 0 1 17.937 32c0-3.209.274-6.291.771-9.166a62 62 0 0 1 5.466-3.264a62 62 0 0 1 7.827-3.458a62 62 0 0 1 7.825 3.458a62 62 0 0 1 5.465 3.263A54 54 0 0 1 46.062 32c0 3.208-.273 6.291-.771 9.166a62 62 0 0 1-5.465 3.264m4.983-.842c-.578 2.549-1.342 4.895-2.254 6.971c-2.553-.342-5.223-.949-7.938-1.791a64.7 64.7 0 0 0 10.192-5.18m-15.426 5.18c-2.714.842-5.384 1.449-7.936 1.791c-.914-2.076-1.676-4.422-2.255-6.971a64 64 0 0 0 4.045 2.33a64 64 0 0 0 6.146 2.85M16.569 39.67c-3.239-2.393-5.993-4.992-8.136-7.67c2.143-2.677 4.896-5.279 8.136-7.67a57 57 0 0 0-.506 7.671c0 2.659.176 5.228.506 7.669m2.622-19.257c.579-2.548 1.341-4.895 2.255-6.971c2.552.341 5.222.948 7.937 1.79a64 64 0 0 0-6.146 2.851a64 64 0 0 0-4.046 2.33m15.428-5.182c2.713-.841 5.383-1.448 7.936-1.79c.912 2.076 1.676 4.422 2.254 6.971a64.7 64.7 0 0 0-10.19-5.181m12.813 9.098c3.238 2.392 5.994 4.993 8.137 7.671c-2.143 2.678-4.896 5.28-8.137 7.67c.33-2.441.506-5.01.506-7.669c0-2.662-.176-5.231-.506-7.672M32 3.875c3.793 0 7.239 3.024 9.77 7.923c-3.143.461-6.447 1.294-9.769 2.456c-3.322-1.162-6.627-1.995-9.77-2.456C24.763 6.899 28.207 3.875 32 3.875M7.238 30.431c-3.492-4.987-4.297-9.511-2.266-12.736c1.868-2.967 6.057-4.6 11.793-4.6c.884 0 1.796.042 2.726.119c-1.082 2.567-1.942 5.485-2.529 8.666c-3.841 2.644-7.136 5.579-9.667 8.626c-.017-.025-.039-.05-.057-.075m9.53 20.473h-.002c-5.736 0-9.924-1.633-11.793-4.6c-2.031-3.225-1.227-7.748 2.266-12.736l.058-.074c2.531 3.047 5.826 5.982 9.667 8.627c.587 3.18 1.447 6.1 2.529 8.666q-1.398.116-2.725.117M32 60.125c-3.792 0-7.237-3.023-9.769-7.924c3.142-.461 6.446-1.295 9.768-2.455c3.322 1.16 6.628 1.994 9.771 2.455c-2.532 4.901-5.977 7.924-9.77 7.924m27.029-13.82c-1.869 2.967-6.057 4.6-11.793 4.6c-.885 0-1.797-.041-2.727-.117c1.08-2.568 1.941-5.486 2.527-8.666c3.842-2.645 7.137-5.58 9.668-8.629q.028.038.059.076c3.493 4.988 4.298 9.511 2.266 12.736"/><circle cx="32" cy="32" r="5.625" fill="currentColor"/></svg>

Cara memakai ikon Atom Symbol

React

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

<Icon icon="emojione-monotone:atom-symbol" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:atom-symbol" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:atom-symbol" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione-monotone:atom-symbol"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/atom-symbol.svg" alt="Ikon Atom Symbol" width="24" height="24">

Ikon Atom Symbol di set ikon lain

FAQ Ikon Atom Symbol

Apakah ikon Atom Symbol gratis untuk penggunaan komersial?

Ya. Emoji One (Monotone) icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Atom Symbol di React?

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

Bagaimana cara menambahkan ikon Atom Symbol ke halaman web?

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

Lihat semua Ikon Emoji One (Monotone) →