Atom Solid アイコン
mynaui:atom-solid
Atom Solid アイコン(mynaui:atom-solid)は、Myna UI Icons セットの無料 SVG アイコンです（作者: Praveen Juge）。 24 × 24 のグリッドで描かれています。 Myna UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Myna UI Icons
- 作者
- Praveen Juge
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- atomsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.81 3.01c1.016.426 2.094 1.023 3.19 1.768c1.096-.745 2.175-1.342 3.19-1.767c1.115-.468 2.19-.744 3.145-.76c.96-.016 1.865.232 2.523.89c.66.66.908 1.565.892 2.524c-.016.956-.293 2.03-.76 3.145c-.426 1.016-1.023 2.095-1.768 3.19c.745 1.096 1.342 2.175 1.767 3.19c.468 1.115.744 2.189.76 3.145c.016.959-.232 1.864-.891 2.523s-1.564.907-2.523.891c-.956-.016-2.03-.292-3.145-.76c-1.015-.425-2.094-1.022-3.19-1.767c-1.095.745-2.174 1.342-3.19 1.767c-1.114.468-2.188.744-3.144.76c-.96.016-1.865-.232-2.524-.89c-.658-.66-.907-1.565-.891-2.524c.016-.956.293-2.03.76-3.145c.426-1.015 1.022-2.094 1.767-3.19c-.745-1.095-1.341-2.174-1.767-3.19c-.468-1.115-.744-2.189-.76-3.145c-.016-.959.232-1.864.89-2.523c.66-.659 1.565-.907 2.524-.891c.956.016 2.03.292 3.145.76M4.203 4.204c-.282.282-.464.738-.452 1.437c.011.702.22 1.582.643 2.59c.327.78.773 1.616 1.327 2.477c.694-.89 1.478-1.78 2.342-2.644a29 29 0 0 1 2.644-2.342c-.862-.554-1.697-1-2.477-1.327c-1.008-.423-1.888-.632-2.59-.643c-.699-.012-1.155.17-1.437.452m11.734 3.86a29 29 0 0 1 2.342 2.644c.554-.861 1-1.697 1.327-2.477c.423-1.008.632-1.888.644-2.59c.011-.699-.17-1.155-.452-1.437s-.739-.464-1.438-.452c-.702.011-1.581.22-2.59.643a16.3 16.3 0 0 0-2.477 1.327c.89.694 1.78 1.478 2.644 2.342m0 7.874a29 29 0 0 1-2.644 2.342c.862.554 1.697 1 2.477 1.327c1.008.423 1.888.632 2.59.643c.699.012 1.155-.17 1.437-.452s.464-.738.453-1.437c-.012-.702-.221-1.582-.644-2.59a16.3 16.3 0 0 0-1.327-2.477c-.693.89-1.478 1.78-2.342 2.644m-7.874 0a29 29 0 0 1-2.342-2.644c-.554.862-1 1.697-1.327 2.477c-.423 1.008-.631 1.888-.643 2.59c-.012.699.17 1.155.452 1.437s.739.464 1.438.453c.702-.012 1.581-.221 2.59-.644a16 16 0 0 0 2.476-1.327a29 29 0 0 1-2.644-2.342m3.687-4.687a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5z"/></svg>Atom Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mynaui:atom-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mynaui:atom-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mynaui:atom-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mynaui--atom-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mynaui -->
<div class="i-mynaui:atom-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mynaui:atom-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mynaui/atom-solid.svg" alt="Atom Solid アイコン" width="24" height="24">Myna UI Icons の関連アイコン
他のアイコンセットの Atom Solid アイコン
Atom Solid アイコン のよくある質問
Atom Solid アイコンは商用利用でも無料ですか?
はい。Myna UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Atom Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="mynaui:atom-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Atom Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mynaui/atom-solid.svg" alt="Atom Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。