Atom 20 Bold アイコン
energy-icons:atom-20-bold
Atom 20 Bold アイコン(energy-icons:atom-20-bold)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 20 × 20 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 20 × 20
- タグ
- atombold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M17.292 9.999c0-.155-.083-.382-.407-.664c-.323-.281-.826-.563-1.502-.813c-1.347-.496-3.25-.815-5.382-.815s-4.035.32-5.382.815c-.676.25-1.18.532-1.503.813c-.324.282-.407.509-.407.664s.083.382.407.664c.323.281.827.563 1.503.812c1.347.496 3.25.815 5.382.815s4.035-.32 5.382-.815c.676-.25 1.179-.53 1.502-.812c.324-.282.407-.509.407-.664m1.25 0c0 .65-.36 1.191-.836 1.606c-.478.417-1.135.764-1.891 1.043c-1.519.559-3.574.892-5.814.892s-4.296-.333-5.814-.892c-.757-.28-1.413-.626-1.891-1.043c-.477-.415-.837-.956-.837-1.606s.36-1.191.837-1.606c.478-.417 1.134-.765 1.89-1.043c1.519-.56 3.575-.893 5.815-.893s4.295.333 5.814.893c.756.278 1.413.626 1.891 1.043c.477.415.836.956.836 1.606"/><path fill="currentColor" d="M5.73 2.601c.563-.324 1.212-.283 1.81-.078c.6.206 1.228.6 1.847 1.116c1.244 1.035 2.561 2.65 3.681 4.59s1.86 3.887 2.134 5.48c.137.795.165 1.537.043 2.159c-.121.62-.41 1.203-.974 1.528c-.563.325-1.211.284-1.81.078c-.6-.206-1.227-.6-1.847-1.116c-1.243-1.035-2.56-2.649-3.68-4.589S5.073 7.882 4.8 6.288c-.137-.795-.165-1.536-.043-2.158c.12-.621.41-1.204.973-1.529m1.404 1.104c-.407-.14-.644-.098-.779-.02c-.134.077-.29.262-.372.684c-.082.42-.073.997.049 1.707c.244 1.415.918 3.222 1.984 5.068c1.066 1.847 2.294 3.335 3.398 4.253c.553.461 1.05.757 1.454.896c.406.14.644.098.778.02c.135-.077.289-.263.371-.684c.083-.42.075-.997-.047-1.707c-.244-1.415-.919-3.222-1.985-5.069S9.691 5.52 8.588 4.6c-.554-.46-1.05-.756-1.454-.895"/><path fill="currentColor" d="M12.462 2.523c.598-.205 1.246-.246 1.81.078c.562.325.852.908.973 1.529c.122.622.094 1.364-.043 2.158c-.275 1.594-1.014 3.541-2.134 5.481s-2.437 3.554-3.68 4.59c-.62.515-1.248.91-1.848 1.115c-.598.206-1.247.247-1.81-.078s-.852-.907-.973-1.528c-.122-.623-.094-1.364.043-2.158c.274-1.594 1.013-3.542 2.133-5.482s2.438-3.554 3.681-4.589c.62-.515 1.248-.91 1.848-1.116m1.184 1.161c-.134-.077-.372-.119-.778.02c-.405.14-.9.436-1.454.896c-1.104.919-2.332 2.407-3.398 4.253s-1.74 3.654-1.984 5.069c-.122.71-.13 1.287-.049 1.707c.083.422.238.607.372.684c.135.078.372.12.779-.02c.404-.14.9-.435 1.454-.896c1.103-.918 2.331-2.406 3.397-4.253s1.74-3.653 1.985-5.068c.122-.71.13-1.287.047-1.707c-.082-.422-.236-.607-.37-.685"/><path fill="currentColor" d="M10.21 9.999a.209.209 0 1 0-.418 0a.209.209 0 0 0 .417 0m1.25 0a1.46 1.46 0 1 1-2.92-.001a1.46 1.46 0 0 1 2.92 0"/></svg>Atom 20 Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:atom-20-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:atom-20-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:atom-20-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--atom-20-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:atom-20-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:atom-20-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/atom-20-bold.svg" alt="Atom 20 Bold アイコン" width="24" height="24">Energy Icons の関連アイコン
Atom 20 Bold アイコン のよくある質問
Atom 20 Bold アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Atom 20 Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:atom-20-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Atom 20 Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/atom-20-bold.svg" alt="Atom 20 Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。