Bohr Atomic Model アイコン
pinhead:bohr-atomic-model
Bohr Atomic Model アイコン(pinhead:bohr-atomic-model)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- bohratomic、atomicmodel、bohratomicmodel
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M12.19.13C9.82.04 5.8 2.66 3.21 5.69c.19.3.7.96.93 1.27c3.2-3.78 8.08-7.22 9.01-4.49c.82 2.39-1.4 6.28-3.9 9.53C15.52 7.02 15.98.27 12.19.13M2.14 1.39c-5.21.17 3.73 14.42 10.28 13.47c2.32-.34 3.69-3.33 1.39-6.53c-.25.45-.61.83-.92 1.25c1.22 2.23.56 3.6-.91 3.83C6.66 14.25-3.09.99 3.94 1.8c0 0-.27-.34-1.55-.4h-.26zM10.5 4.5a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 .16-.01c.23.28.41.53.66.88c.29-.42.51-.84.65-1.26c-.18-.23-.32-.38-.48-.54V5.5a1 1 0 0 0-1-1zM7.5 6A1.5 1.5 0 0 0 6 7.5A1.5 1.5 0 0 0 7.5 9A1.5 1.5 0 0 0 9 7.5A1.5 1.5 0 0 0 7.5 6M1.44 8.09c-1.49 2.42-2.24 5.26.27 6.03a1 1 0 0 0 .79.38a1 1 0 0 0 1-1a1 1 0 0 0-1-1a1 1 0 0 0-.62.21c-.77-.6-.6-1.67.44-3.33z"/></svg>Bohr Atomic Model アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:bohr-atomic-model" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:bohr-atomic-model" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:bohr-atomic-model" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--bohr-atomic-model]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:bohr-atomic-model"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:bohr-atomic-model"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/bohr-atomic-model.svg" alt="Bohr Atomic Model アイコン" width="24" height="24">Bohr Atomic Model アイコン のよくある質問
Bohr Atomic Model アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bohr Atomic Model アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:bohr-atomic-model" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bohr Atomic Model アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/bohr-atomic-model.svg" alt="Bohr Atomic Model アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。