Atom アイコン

Q: Atom アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:atom

Atom アイコン(game-icons:atom)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M387.176 255.949c51.343-43.046 83.887-87.512 68.022-114.939s-70.668-21.486-133.655 1.483C309.94 76.458 287.733 26 256.043 26s-53.917 50.448-65.53 116.338a403 403 0 0 0-44.827-13.61c-47.09-11.109-77.812-6.867-88.85 12.241c-15.916 27.54 16.68 71.986 68.064 115.052c-51.385 43.065-83.98 87.51-68.104 115.01c7.021 12.159 22.001 18.295 44.095 18.295c12.643 0 27.612-2.06 44.754-6.054a403 403 0 0 0 44.827-13.61C202.074 435.645 224.272 486 256.002 486s53.917-50.448 65.53-116.338a403 403 0 0 0 44.827 13.61c17.142 4.046 32.111 6.054 44.754 6.054c22.094 0 37.064-6.177 44.095-18.295c11.037-19.119-.659-47.843-33.82-83.064a403 403 0 0 0-34.212-32.018m-17.05-111.12c37.064-8.74 64.172-7.03 70.803 4.449c6.63 11.479-5.457 35.828-31.546 63.543a393 393 0 0 1-35.138 32.657c-13.744-10.83-28.714-21.569-44.61-31.998c-1.102-18.614-2.934-36.971-5.457-54.494a393 393 0 0 1 45.949-14.156zM285.21 306.624q-14.63 8.442-29.218 15.999q-14.558-7.547-29.219-16q-14.66-8.452-28.467-17.296a737 737 0 0 1 0-66.6q13.817-8.834 28.467-17.297t29.27-16.01q14.558 7.547 29.219 16q14.66 8.452 28.436 17.306a737 737 0 0 1 0 66.601q-13.837 8.834-28.488 17.297m27.252 2.934c-.968 12.91-2.285 25.45-3.943 37.486c-11.243-4.582-22.753-9.71-34.418-15.32q9.668-5.21 19.335-10.79t19.026-11.376m-74.58 22.176c-11.654 5.611-23.165 10.728-34.418 15.32c-1.657-12.046-2.975-24.575-3.943-37.486q9.43 5.838 19.016 11.377t19.345 10.738zm-56.44-53.536c-10.697-7.29-20.889-14.702-30.495-22.156c9.606-7.454 19.798-14.866 30.495-22.156q-.34 11.089-.35 22.156q-.01 11.068.35 22.135zm18.08-75.713c.967-12.91 2.285-25.45 3.942-37.485a613 613 0 0 1 34.439 15.33q-9.77 5.25-19.366 10.779t-19.016 11.376zm74.58-22.176c11.654-5.611 23.164-10.728 34.417-15.32a617 617 0 0 1 3.943 37.465q-9.338-5.765-19.016-11.325t-19.345-10.769zm56.45 53.536c10.696 7.29 20.889 14.702 30.494 22.156c-9.605 7.454-19.798 14.867-30.495 22.156q.34-11.088.35-22.156t-.35-22.135zM216.744 101.59c10.955-36.446 25.996-59.096 39.257-59.096s28.292 22.65 39.256 59.096a393 393 0 0 1 10.728 46.875c-16.472 6.569-33.254 14.167-49.922 22.516c-16.988-8.545-33.77-16.143-50.026-22.65a393 393 0 0 1 10.707-46.74zM102.641 212.78c-26.088-27.715-38.175-52.063-31.555-63.543s33.758-13.178 70.801-4.447a393 393 0 0 1 45.96 14.146c-2.533 17.502-4.366 35.93-5.468 54.565c-15.587 10.296-30.587 21.044-44.517 32.009a393 393 0 0 1-35.22-32.73zm39.257 154.432c-37.064 8.741-64.172 7.032-70.802-4.447c-6.63-11.48 5.426-35.798 31.545-63.503a393 393 0 0 1 35.231-32.729c13.93 10.965 28.93 21.744 44.518 32.019c1.101 18.635 2.934 37.064 5.466 54.566a393 393 0 0 1-46 14.094zm153.402 43.24c-10.955 36.446-25.996 59.096-39.257 59.096s-28.292-22.65-39.256-59.096a393 393 0 0 1-10.708-46.751c16.236-6.487 32.997-14.074 49.964-22.65c16.967 8.534 33.728 16.122 49.964 22.65a393 393 0 0 1-10.759 46.751zm145.68-47.678c-6.63 11.48-33.759 13.188-70.802 4.448a393 393 0 0 1-45.958-14.146c2.532-17.503 4.365-35.931 5.466-54.566c15.588-10.296 30.588-21.044 44.518-32.019a393 393 0 0 1 35.18 32.77c26.088 27.705 38.154 52.054 31.545 63.534zm-208.081-105.25a22.876 22.876 0 1 1 22.876 22.876a22.876 22.876 0 0 1-22.876-22.876"/></svg>

Atom アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:atom" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:atom" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:atom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--atom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:atom"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:atom"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/atom.svg" alt="Atom アイコン" width="24" height="24">

Game Icons の関連アイコン

他のアイコンセットの Atom アイコン

Atom アイコンのよくある質問

Atom アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Atom アイコンを使うには?

@iconify/react をインストールして <Icon icon="game-icons:atom" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Atom アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/atom.svg" alt="Atom アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Game Icons をすべて見る →