Atom Filled アイコン
lucide-extended:atom-filled
Atom Filled アイコン(lucide-extended:atom-filled)は、Lucide Extended セットの無料 SVG アイコンです（作者: Applifted）。 24 × 24 のグリッドで描かれています。 Lucide Extended icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Lucide Extended
- 作者
- Applifted
- ライセンス
- ISC
- サイズ
- 24 × 24
- タグ
- atomfilled
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.153 2.01c1.035.033 2.02.35 2.755 1.088c.736.734 1.052 1.718 1.084 2.752c.032 1.027-.21 2.16-.647 3.316a17 17 0 0 1-1.424 2.837a17 17 0 0 1 1.424 2.838c.437 1.155.68 2.289.647 3.316c-.032 1.034-.349 2.016-1.085 2.75l.001.001c-.735.739-1.72 1.056-2.755 1.088c-1.027.032-2.16-.21-3.316-.647a17 17 0 0 1-2.838-1.424a17 17 0 0 1-2.837 1.424c-1.155.437-2.289.68-3.316.647c-1.034-.032-2.018-.348-2.752-1.085c-.739-.735-1.055-1.719-1.087-2.754c-.032-1.027.21-2.16.647-3.316a17 17 0 0 1 1.423-2.838a17 17 0 0 1-1.423-2.837c-.437-1.155-.68-2.289-.647-3.316c.032-1.035.348-2.02 1.087-2.755c.734-.736 1.718-1.052 2.752-1.084c1.027-.032 2.16.21 3.316.647c.914.346 1.87.826 2.837 1.422a17 17 0 0 1 2.838-1.422c1.155-.437 2.289-.68 3.316-.647M5.33 13.823a14 14 0 0 0-.806 1.727c-.377.998-.54 1.861-.518 2.546c.018.592.17 1.005.397 1.287l.102.112l.003.004c.28.281.723.478 1.4.5c.685.02 1.548-.142 2.546-.52c.552-.208 1.13-.48 1.726-.806l-.05-.038a26 26 0 0 1-.488-.384l-.2-.162q-.154-.127-.307-.258l-.15-.127q-.706-.61-1.391-1.29l-.003-.004a28 28 0 0 1-.82-.86l-.044-.048l-.207-.233q-.112-.126-.22-.251q-.1-.116-.197-.232q-.105-.123-.207-.247l-.138-.17a25 25 0 0 1-.383-.487zm13.3.05a24 24 0 0 1-.41.519l-.118.147a26 26 0 0 1-.717.834l-.092.104q-.426.472-.885.933l-.003.003a27 27 0 0 1-1.394 1.292l-.147.125q-.158.135-.315.266l-.162.13a25 25 0 0 1-.5.393l-.069.054a14 14 0 0 0 1.727.807c.998.377 1.861.54 2.546.518c.677-.021 1.12-.218 1.4-.499l.003-.004c.281-.28.478-.722.5-1.4c.02-.684-.142-1.547-.52-2.545c-.208-.552-.48-1.13-.806-1.727zM12 9.998a2.001 2.001 0 0 0 0 4a2 2 0 0 0 0-4M5.908 4.01c-.677.022-1.12.218-1.4.5l-.003.003c-.282.28-.478.723-.5 1.4c-.02.685.142 1.548.52 2.546q.313.83.805 1.726l.072-.094l.148-.191q.07-.09.14-.176q.112-.14.227-.28q.106-.13.216-.257q.082-.1.168-.199q.116-.133.235-.266l.19-.215q.131-.142.264-.283a27 27 0 0 1 .6-.625l.004-.003q.395-.394.8-.763l.108-.101q.107-.097.215-.19q.133-.12.266-.236l.199-.168q.129-.111.26-.219l.225-.183l.25-.2l.203-.156l.06-.045a14 14 0 0 0-1.726-.806c-.998-.377-1.861-.54-2.546-.518m12.183 0c-.685-.02-1.548.142-2.546.52q-.83.314-1.726.804a25 25 0 0 1 1.28 1.045a27 27 0 0 1 .835.759l.023.023l.005.004l.443.43l.003.004q.682.685 1.291 1.391l.166.197q.11.127.216.256q.098.12.195.242a25 25 0 0 1 .392.5c.326-.596.598-1.174.806-1.726c.378-.998.54-1.861.52-2.546c-.022-.677-.218-1.12-.5-1.4l-.004-.003c-.28-.282-.722-.478-1.4-.5" clip-rule="evenodd"/></svg>Atom Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="lucide-extended:atom-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide-extended:atom-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide-extended:atom-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--atom-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:atom-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide-extended:atom-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/lucide-extended/atom-filled.svg" alt="Atom Filled アイコン" width="24" height="24">Lucide Extended の関連アイコン
他のアイコンセットの Atom Filled アイコン
Atom Filled アイコン のよくある質問
Atom Filled アイコンは商用利用でも無料ですか?
はい。Lucide Extended icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Atom Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="lucide-extended:atom-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Atom Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lucide-extended/atom-filled.svg" alt="Atom Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。