Ikon Atom
logos:atom
Ikon Atom (logos:atom) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 106. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 106
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="106" viewBox="0 0 512 106"><path d="M51.81 6.712a2.395 2.395 0 0 1-3 3.734c-6.243-5.015-11.443-6.67-14.65-5.034c-3.733 1.904-5.18 8.028-4.427 16.574l.113 1.154q.096.876.22 1.782l.178 1.222q.332 2.144.82 4.43c4.496-.696 9.335-1.151 14.416-1.341a131 131 0 0 1 6.696-7.951l1.128-1.217c2.822-2.998 5.651-5.682 8.436-8.005l1.11-.91C73.014 2.988 82.47-.24 88.589 3.73c5.328 3.457 6.756 11.287 4.777 21.78a2.395 2.395 0 1 1-4.707-.887c1.658-8.788.566-14.77-2.678-16.875c-4.217-2.738-12.052.414-20.888 7.774l-.985.835q-.743.64-1.492 1.316l-1.003.92a100 100 0 0 0-3.038 2.953l-1.02 1.048q-.255.265-.51.535l-1.023 1.094l-1.024 1.124l-1.024 1.153q-.511.584-1.023 1.182l-1.022 1.21l-.2.242c2.383.013 4.807.082 7.263.21l.954.052l1.895.121q2.359.166 4.662.398l1.832.196l.909.106l1.801.227q2.24.296 4.408.653l1.722.296l1.697.314l1.672.333c5.528 1.14 10.61 2.583 15.088 4.274l1.326.515c11.762 4.7 19.01 11.17 18.638 18.321c-.308 5.912-5.607 10.792-14.49 14.289a2.395 2.395 0 1 1-1.754-4.457c7.325-2.883 11.276-6.522 11.461-10.081c.237-4.557-5.214-9.269-14.289-13.07l-1.13-.461a74 74 0 0 0-2.363-.893l-1.232-.43a86 86 0 0 0-1.266-.42l-1.298-.41l-1.328-.396l-.676-.194l-1.374-.379l-.698-.184l-1.417-.36a116 116 0 0 0-4.415-.995l-1.523-.303l-.771-.145l-1.56-.28l-1.582-.264l-.8-.126l-1.616-.24q-.813-.114-1.637-.222l-1.657-.205l-1.676-.187q-1.264-.134-2.55-.246l-1.72-.141q-.865-.066-1.738-.122l-1.753-.101l-1.755-.081l-1.74-.06a144 144 0 0 0-5.975-.045l-1.369.025l-.538.714q-.502.672-1 1.358l-.994 1.384a147 147 0 0 0-4.362 6.511l-.922 1.478a144 144 0 0 0-2.813 4.77l.25.601l.651 1.538q.165.385.335.772l.689 1.549l.713 1.555l.74 1.561l.763 1.565l.788 1.57l.807 1.56l.82 1.537l.829 1.514l.419.749l.845 1.48q.425.732.854 1.454l.862 1.43q.434.708.87 1.404l.877 1.378l.883 1.352a128 128 0 0 0 2.23 3.258l.898 1.253q.9 1.239 1.806 2.418l.905 1.164l.905 1.132l.453.554l.905 1.084l.904 1.052a86 86 0 0 0 2.697 2.954l.892.915l.886.88q.663.646 1.319 1.25l.87.789q.651.577 1.293 1.111l.85.693c5.782 4.6 10.905 6.459 14.307 4.724c3.194-1.629 4.718-6.384 4.605-13.127l-.029-1.026a49 49 0 0 0-.053-1.055l-.079-1.084q-.045-.548-.102-1.11l-.127-1.137l-.073-.578l-.164-1.176l-.188-1.199l-.212-1.223q-.28-1.543-.638-3.153l-.297-1.298l-.322-1.318q-.083-.332-.17-.666l-.358-1.345l-.382-1.363l-.2-.688l-.419-1.387l-.443-1.403a121 121 0 0 0-.709-2.13l-.503-1.438l-.526-1.45q-.54-1.455-1.126-2.933l-.599-1.481l-.623-1.49l-.32-.75l-.659-1.501l-.682-1.51l-.35-.756l-.719-1.518q-.182-.38-.368-.76a2.395 2.395 0 0 1 4.306-2.099l.794 1.654q.39.825.768 1.649l.742 1.643q1.096 2.461 2.068 4.888l.636 1.612q.156.402.308.802l.596 1.596q.146.398.287.794l.555 1.58q.54 1.573 1.027 3.118l.472 1.538c5.647 18.874 4.922 34.225-3.549 38.544c-6.852 3.495-16.567-1.359-26.346-11.596l-1.011-1.079a91 91 0 0 1-2.022-2.268l-1.01-1.19c-2.687-3.217-5.35-6.814-7.93-10.727l-.964-1.483a150 150 0 0 1-6.908-11.987l-.437-.85a159 159 0 0 1-.855-1.703l-.83-1.7a153 153 0 0 1-1.877-4.063l-.386.767l-.355.717l-.689 1.427l-.662 1.416l-.636 1.405q-.156.35-.308.698l-.596 1.386l-.288.688l-.555 1.366l-.267.677l-.514 1.342l-.246.666l-.473 1.317l-.445 1.3q-.323.967-.615 1.914l-.375 1.25l-.347 1.23q-.084.304-.163.607l-.304 1.196q-.363 1.481-.636 2.886l-.203 1.11c-1.356 7.859-.472 13.655 2.886 15.835c3.383 2.194 9.656.525 17.396-5.063a2.395 2.395 0 0 1 2.803 3.883c-9.173 6.623-17.282 8.781-22.806 5.197c-6.674-4.33-7.143-15.783-2.701-30.03l.46-1.435q.477-1.443 1.019-2.92l.557-1.484a115 115 0 0 1 2.54-6.074l.713-1.548l.742-1.559a138 138 0 0 1 3.044-5.91l-.426-1.099l-.62-1.644a125 125 0 0 1-2.19-6.453l-.474-1.577q-.439-1.5-.824-2.968l-.878.181l-1.302.287l-1.27.3q-.315.077-.624.156l-1.222.321l-1.188.335q-.585.17-1.154.347l-1.118.36q-.55.184-1.081.373l-1.044.385C9.372 41.894 5 45.48 4.797 49.385c-.185 3.56 3.367 7.59 10.353 11.217a2.395 2.395 0 1 1-2.207 4.25C4.47 60.454-.294 55.05.014 49.137c.429-8.242 10.833-14.533 26.308-17.71c-3.132-14.965-1.538-26.609 5.66-30.28C37.304-1.57 44.256.643 51.81 6.712m314.056 8.572c23.153 0 38.335 18.459 38.335 39.318v.221c0 20.861-15.4 39.538-38.554 39.538s-38.339-18.457-38.339-39.32v-.218c0-20.861 15.402-39.539 38.558-39.539m77.431.983c1.202 0 2.078.656 2.84 1.64l29.82 43.906l29.82-43.906c.653-.984 1.637-1.64 2.836-1.64h.547c1.528 0 2.84 1.312 2.84 2.84v71.539c0 1.53-1.312 2.842-2.84 2.842c-1.53 0-2.84-1.312-2.84-2.842V26.644l-28.07 40.85c-.656.984-1.42 1.42-2.402 1.42c-.984 0-1.75-.436-2.403-1.42l-28.07-40.85v64.113a2.706 2.706 0 0 1-2.73 2.731a2.704 2.704 0 0 1-2.732-2.73V19.105c0-1.527 1.31-2.84 2.84-2.84zm-142.416.326c1.419 0 2.622 1.2 2.622 2.622s-1.202 2.622-2.622 2.622h-24.467V90.65c0 1.527-1.31 2.84-2.84 2.84c-1.527 0-2.839-1.313-2.839-2.84V21.837h-24.467c-1.419 0-2.62-1.199-2.62-2.622c0-1.42 1.2-2.622 2.62-2.622zm-112.277-.763c1.966 0 3.06 1.093 3.821 2.734l32.55 70.554c.327.657.436 1.203.436 1.75c0 1.418-1.2 2.62-2.732 2.62c-1.31 0-2.292-.983-2.838-2.185l-8.956-19.66h-45.11l-8.958 19.77c-.546 1.31-1.418 2.075-2.73 2.075c-1.42 0-2.622-1.091-2.622-2.404a4.1 4.1 0 0 1 .44-1.746l32.656-70.774c.765-1.64 1.857-2.734 3.824-2.734zm177.043 4.587c-18.897 0-32.44 15.291-32.44 34.185v.221c0 18.896 13.762 34.404 32.659 34.404c18.894 0 32.437-15.29 32.437-34.186v-.218c0-18.895-13.762-34.406-32.656-34.406m-177.264 1.859l-20.206 44.233h40.304zM64.933 51.259a6.813 6.813 0 1 1-13.318 2.876a6.813 6.813 0 0 1 13.318-2.876M41.748 34.245l-.103.008q-.661.046-1.315.098l-1.558.135l-1.535.151l-.758.083l-1.499.177l-.74.095l-1.46.202l-.579.088l.205.765q.48 1.748 1.041 3.55l.462 1.448l.24.73l.5 1.47q.206.596.42 1.196a156 156 0 0 1 2.353-3.791l.517-.803a156 156 0 0 1 3.809-5.602"/></svg>Cara memakai ikon Atom
React
import { Icon } from "@iconify/react";
<Icon icon="logos:atom" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:atom" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:atom" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--atom]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:atom"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:atom"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/atom.svg" alt="Ikon Atom" width="24" height="24">Ikon terkait di SVG Logos
Ikon Atom di set ikon lain
FAQ Ikon Atom
Apakah ikon Atom gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Atom di React?
Pasang @iconify/react lalu render <Icon icon="logos: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/logos/atom.svg" alt="Ikon Atom">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.