Robot Bold アイコン

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

はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

glyphs:robot-bold

Robot Bold アイコン(glyphs:robot-bold)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: robotbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M25 40h-5a4 4 0 0 0-3.992 4.25l1.5 24A4 4 0 0 0 21.5 72h36.485a4 4 0 0 0 3.992-3.75l1.5-24A4 4 0 0 0 59.485 40H55v6c0 7.18-5.82 13-13 13h-4c-7.18 0-13-5.82-13-13zm14 0h2v5h-2z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M24 44h-4.5l.001.031l1.5 24a.5.5 0 0 0 .5.469h36.484a.5.5 0 0 0 .499-.469l1.5-24V44H56v2c0 7.732-6.268 14-14 14h-4c-7.732 0-14-6.268-14-14zM8.949 52.852a8 8 0 0 1 3.616-7.576l1.45 23.192a7.5 7.5 0 0 0 .705 2.742a8 8 0 0 1-4.486-6.358zm60.817 12a8 8 0 0 1-5.142 6.639c.48-.91.778-1.934.846-3.023l1.468-23.489a8 8 0 0 1 4.114 7.873z" clip-rule="evenodd"/><rect width="48" height="20" x="15.999" y="12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" rx="4"/><path fill="currentColor" fill-rule="evenodd" d="M32 42v4a6 6 0 0 0 6 6h4a6 6 0 0 0 6-6v-4z" clip-rule="evenodd"/><path fill="currentColor" d="M32 42v-3a3 3 0 0 0-3 3zm16 0h3a3 3 0 0 0-3-3zm-13 4v-4h-6v4zm3 3a3 3 0 0 1-3-3h-6a9 9 0 0 0 9 9zm4 0h-4v6h4zm3-3a3 3 0 0 1-3 3v6a9 9 0 0 0 9-9zm0-4v4h6v-4zm3-3H32v6h16z"/><rect width="16" height="16" x="32" y="14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" rx="8"/></g></svg>

Robot Bold アイコンの使い方

React

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

<Icon icon="glyphs:robot-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:robot-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:robot-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--robot-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:robot-bold"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:robot-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/robot-bold.svg" alt="Robot Bold アイコン" width="24" height="24">

Glyphs の関連アイコン

他のアイコンセットの Robot Bold アイコン

Robot Bold アイコンのよくある質問

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

はい。Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Glyphs アイコンをすべて見る →