Atom アイコン
whh:atom
Atom アイコン(whh:atom)は、WebHostingHub Glyphs セットの無料 SVG アイコンです（作者: WebHostingHub）。 898 × 1024 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- WebHostingHub Glyphs
- 作者
- WebHostingHub
- ライセンス
- OFL-1.1
- サイズ
- 898 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="898" height="1024" viewBox="0 0 898 1024"><path fill="currentColor" d="M879 754q-26 45-86.5 64.5T649 830q-36 91-88.5 142.5t-112 51.5t-112-52T248 830q-83 8-143.5-11.5T18 754Q-9 705 5.5 643T73 512Q20 443 5.5 381T18 270q26-45 87-64.5T248 194q36-91 88.5-142.5T448.5 0t112 51.5T649 194q83-8 143.5 11.5T879 270q28 48 13 110.5T824 512q53 69 68 131t-13 111m-58-36q36-60-37-159q-40 43-88 81q-8 66-26 127q117 7 151-49M273 333q26-17 51-31q5-2 38-19q-39-12-73-18q-10 34-16 68m84 26q-50 28-96 61q-4 45-4 92q0 41 4 93q47 33 96 60q43 24 91 44q52-22 93-44q50-28 96-61q4-46 4-92q0-40-5-93q-47-33-95-60q-44-24-92-44q-52 22-92 44M194 473q-20 17-41 39q20 21 41 39q-1-29-1-39q0-16 1-39m431 218q-28 17-52 31l-38 19q38 12 73 18q10-34 17-68m79-140q20-18 40-39q-19-20-41-39q2 33 2 39q0 10-1 39M449 960q40 0 76-36.5T587 822q-66-13-139-41q-72 28-138 41q27 65 63 101.5t76 36.5m-88-219q-23-11-37-19q-23-13-51-31q7 40 16 68q31-5 72-18M76 718q35 56 151 49q-17-59-26-127q-48-38-88-80q-72 99-37 158m0-412q-35 60 37 158q40-42 88-80q8-66 26-127q-116-7-151 49M449 64q-40 0-76 36.5T310 202q67 13 139 41q73-28 138-41q-27-65-62.5-101.5T449 64m88 219q21 11 36 19q22 13 51 31q-7-39-15-68q-30 5-72 18m284 23q-34-56-151-49q17 59 26 127q48 38 88 80q72-98 37-158"/></svg>
Atom アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="whh:atom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:atom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:atom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--atom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:atom"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:atom"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/whh/atom.svg" alt="Atom アイコン" width="24" height="24">
Atom アイコン のよくある質問
Atom アイコンは商用利用でも無料ですか?
はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Atom アイコンを使うには?
@iconify/react をインストールして <Icon icon="whh:atom" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Atom アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/whh/atom.svg" alt="Atom アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
WebHostingHub Glyphs アイコン をすべて見る →
ICONYZ
