Robot アイコン

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

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

fluent-emoji:robot

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

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#ioGYGLe)" d="M22.05 30H9.95C6.66 30 4 27.34 4 24.05V12.03C4 8.7 6.7 6 10.03 6h11.95C25.3 6 28 8.7 28 12.03v12.03c0 3.28-2.66 5.94-5.95 5.94"/><path fill="url(#iE4eCod)" d="M4 12a6 6 0 0 1 6-6h2v24h-2a6 6 0 0 1-6-6z"/><path fill="url(#iL7Njge)" d="M4 24h24a6 6 0 0 1-6 6H10a6 6 0 0 1-6-6"/><path fill="url(#ixmdPJe)" d="M20 6h2a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6h-2z"/><path stroke="url(#iNlalmc)" stroke-miterlimit="10" d="M3.5 3.95v9.1"/><path fill="url(#iu2wnad)" d="M4 12v11c-1.1 0-2-.9-2-1.998v-7.004C2 12.9 2.9 12 4 12"/><path fill="url(#i37IFfe)" d="M22.753 18.5H9.247A4.257 4.257 0 0 1 5 14.25A4.257 4.257 0 0 1 9.247 10h13.506A4.257 4.257 0 0 1 27 14.25c0 2.331-1.918 4.25-4.247 4.25"/><path fill="url(#iGkhdKM)" d="M18.528 26h-5.056C12.66 26 12 25.326 12 24.5s.66-1.5 1.472-1.5h5.056c.811 0 1.472.674 1.472 1.5s-.66 1.5-1.472 1.5"/><path fill="url(#iUyzrbd)" d="M3.5 5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/><path stroke="url(#iFgZgte)" stroke-miterlimit="10" d="M28.5 4v9.09"/><path fill="url(#iVAFQYc)" d="M28.5 5.1a1.55 1.55 0 1 0 0-3.1a1.55 1.55 0 0 0 0 3.1"/><rect width="4.5" height="6" x="7" y="12" fill="url(#ixZ76wt)" rx="2"/><rect width="4.5" height="6" x="18.5" y="12" fill="url(#idl6nae)" rx="2"/><rect width="10" height="3" x="11" y="3" fill="url(#ixAHGHb)" rx="1.5"/><rect width="10" height="3" x="11" y="3" fill="url(#iYVh52d)" rx="1.5"/><path fill="url(#iXlBVsc)" d="M28 22.94V11.93c1.1 0 2 .9 2 2v7.01c0 1.1-.9 2-2 2"/><rect width="2.5" height="5" x="9" y="12" fill="url(#iuNj3lb)" rx="1.25"/><rect width="2.5" height="5" x="9" y="12" fill="url(#iL4qXMd)" rx="1.25"/><rect width="2.5" height="5" x="20.5" y="12" fill="url(#iGpwfoe)" rx="1.25"/><rect width="2.5" height="5" x="20.5" y="12" fill="url(#iraFk1H)" rx="1.25"/><g filter="url(#icAtCpe)"><path stroke="url(#iS2btSc)" stroke-width=".25" d="M3.625 5v6"/></g><g filter="url(#iZuFTjc)"><path stroke="url(#i7jkKMb)" stroke-width=".25" d="M28.625 5v6"/></g><ellipse cx="29" cy="13.5" fill="url(#i8plZrc)" rx="1" ry="1.5"/><ellipse cx="29" cy="16.5" fill="url(#i75jy3c)" rx="1" ry="4.5"/><path fill="url(#iNVOLdb)" fill-rule="evenodd" d="M19.776 3.025a1.5 1.5 0 0 1 1.199 1.2a1 1 0 1 1-1.2-1.2" clip-rule="evenodd"/><defs><linearGradient id="iE4eCod" x1="12" x2="4" y1="18" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#D5B2C0" stop-opacity="0"/><stop offset="1" stop-color="#B4878D"/></linearGradient><linearGradient id="iL7Njge" x1="16" x2="16" y1="27" y2="31" gradientUnits="userSpaceOnUse"><stop stop-color="#B17EDB" stop-opacity="0"/><stop offset="1" stop-color="#A56BD6"/></linearGradient><linearGradient id="iNlalmc" x1="4" x2="4" y1="3.95" y2="13.05" gradientUnits="userSpaceOnUse"><stop stop-color="#EA248A"/><stop offset="1" stop-color="#DF2232"/></linearGradient><linearGradient id="iu2wnad" x1="3" x2="3" y1="12" y2="23" gradientUnits="userSpaceOnUse"><stop stop-color="#E93273"/><stop offset="1" stop-color="#D21844"/></linearGradient><linearGradient id="i37IFfe" x1="15.998" x2="15.998" y1="17.701" y2="11.391" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#443E75"/><stop offset="1" stop-color="#2F1A3B"/></linearGradient><linearGradient id="iGkhdKM" x1="15.998" x2="15.998" y1="25.686" y2="22.889" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#39325E"/><stop offset="1" stop-color="#2B1831"/></linearGradient><linearGradient id="iFgZgte" x1="29" x2="29" y1="4" y2="13.09" gradientUnits="userSpaceOnUse"><stop stop-color="#EA248A"/><stop offset="1" stop-color="#DF2232"/></linearGradient><linearGradient id="ixAHGHb" x1="16" x2="14.5" y1="3" y2="6.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCE2B"/><stop offset="1" stop-color="#D9862D"/></linearGradient><linearGradient id="iXlBVsc" x1="29" x2="29" y1="11.93" y2="22.94" gradientUnits="userSpaceOnUse"><stop stop-color="#FF30AA"/><stop offset="1" stop-color="#FF2353"/></linearGradient><linearGradient id="iuNj3lb" x1="11.5" x2="9" y1="14" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#29B6FE"/><stop offset="1" stop-color="#1769A8"/></linearGradient><linearGradient id="iGpwfoe" x1="23" x2="20.5" y1="14" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#29B6FE"/><stop offset="1" stop-color="#1769A8"/></linearGradient><linearGradient id="iS2btSc" x1="3.5" x2="3.5" y1="7" y2="9" gradientUnits="userSpaceOnUse"><stop stop-color="#FF96CB"/><stop offset="1" stop-color="#FF6DB7" stop-opacity="0"/></linearGradient><linearGradient id="i7jkKMb" x1="28.5" x2="28.5" y1="7" y2="9" gradientUnits="userSpaceOnUse"><stop stop-color="#FF96CB"/><stop offset="1" stop-color="#FF6DB7" stop-opacity="0"/></linearGradient><radialGradient id="ioGYGLe" cx="0" cy="0" r="1" gradientTransform="rotate(141.911 10.515 10.065)scale(23.5053)" gradientUnits="userSpaceOnUse"><stop stop-color="#EEEBF0"/><stop offset=".493" stop-color="#D1BEE3"/><stop offset="1" stop-color="#D0BCE2"/></radialGradient><radialGradient id="ixmdPJe" cx="0" cy="0" r="1" gradientTransform="matrix(5 -.5 1.9111 19.11108 25 13.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#F0EAF6"/><stop offset="1" stop-color="#E7E0EF" stop-opacity="0"/></radialGradient><radialGradient id="iUyzrbd" cx="0" cy="0" r="1" gradientTransform="matrix(-.5 2 -2 -.5 4 3)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6C82"/><stop offset=".441" stop-color="#FF2455"/><stop offset="1" stop-color="#D9206C"/></radialGradient><radialGradient id="iVAFQYc" cx="0" cy="0" r="1" gradientTransform="rotate(104.036 13.324 12.844)scale(2.13027)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6C82"/><stop offset=".441" stop-color="#FF2455"/><stop offset="1" stop-color="#D9206C"/></radialGradient><radialGradient id="ixZ76wt" cx="0" cy="0" r="1" gradientTransform="matrix(-2.5 .5 -.68428 -3.42136 9.5 15)" gradientUnits="userSpaceOnUse"><stop stop-color="#322649"/><stop offset="1" stop-color="#342950" stop-opacity="0"/></radialGradient><radialGradient id="idl6nae" cx="0" cy="0" r="1" gradientTransform="matrix(-2.5 .5 -.68428 -3.42136 21 15)" gradientUnits="userSpaceOnUse"><stop stop-color="#322649"/><stop offset="1" stop-color="#342950" stop-opacity="0"/></radialGradient><radialGradient id="iYVh52d" cx="0" cy="0" r="1" gradientTransform="matrix(0 3 -10 0 16 4)" gradientUnits="userSpaceOnUse"><stop offset=".431" stop-color="#CA7E29" stop-opacity="0"/><stop offset="1" stop-color="#673F13"/></radialGradient><radialGradient id="iL4qXMd" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.5 -1.14393 0 11 13.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#54C8FF"/><stop offset="1" stop-color="#54C8FF" stop-opacity="0"/></radialGradient><radialGradient id="iraFk1H" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.5 -1.14393 0 22.5 13.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#54C8FF"/><stop offset="1" stop-color="#54C8FF" stop-opacity="0"/></radialGradient><radialGradient id="i8plZrc" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.5 -1 0 29 13.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF72C1"/><stop offset="1" stop-color="#FF6EBF" stop-opacity="0"/></radialGradient><radialGradient id="i75jy3c" cx="0" cy="0" r="1" gradientTransform="matrix(0 4.5 -.55944 0 29 16.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4B9C"/><stop offset="1" stop-color="#FF73C1" stop-opacity="0"/></radialGradient><radialGradient id="iNVOLdb" cx="0" cy="0" r="1" gradientTransform="rotate(90 8 12)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEA60"/><stop offset="1" stop-color="#FFEF66" stop-opacity="0"/></radialGradient><filter id="icAtCpe" width="1.25" height="7" x="3" y="4.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_31_1501" stdDeviation=".25"/></filter><filter id="iZuFTjc" width="1.25" height="7" x="28" y="4.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_31_1501" stdDeviation=".25"/></filter></defs></g></svg>

Robot アイコンの使い方

React

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

<Icon icon="fluent-emoji:robot" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:robot" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:robot" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:robot"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

Fluent Emoji アイコンをすべて見る →