Robohelp Server アイコン
thesvg-color:robohelp-server
Robohelp Server アイコン(thesvg-color:robohelp-server)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 32 × 32 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- robohelpserver
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="#002623" d="M30.667 1.333H1.333v28.534h29.334z"/><path fill="#b4f8f2" fill-rule="evenodd" d="M0 0v31.2h32V0zm1.333 1.333h29.334v28.534H1.333z" clip-rule="evenodd"/><path fill="#b4f8f2" fill-rule="evenodd" d="M8.667 21.707c0 .106-.04.093-.147.093H6.573c-.133 0-.173-.04-.173-.173v-14c0-.107.04-.2.133-.2a85 85 0 0 1 3.587-.067c3.067 0 4.92 1.467 4.92 4.12c0 2.187-1.467 3.413-2.68 3.867c.627 1.08 2.733 4.96 3.413 6.253c.067.107.067.2-.08.2h-2.24c-.146 0-.213.027-.253-.04c-.493-.853-2.04-3.893-3.027-5.693H8.667zm1.306-7.774c1.574 0 2.694-.626 2.694-2.226c0-1.574-1.014-2.267-2.6-2.267c-.56 0-1.094.027-1.4.04v4.453zM20 21.653c0 .107-.04.147-.133.147h-2.12c-.107 0-.147-.067-.147-.147V7.533c0-.093.027-.133.147-.133h2.12c.093 0 .133.04.133.133v4.294c.667-.52 1.493-.84 2.52-.84c1.4 0 3.08.706 3.08 3.84v6.8c0 .133-.04.173-.147.173H23.36c-.107 0-.147-.067-.147-.173v-6.574c0-1.293-.506-2-1.533-2c-.667 0-1.2.214-1.667.64v7.96z" clip-rule="evenodd"/></g><defs><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Robohelp Server アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:robohelp-server" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:robohelp-server" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:robohelp-server" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--robohelp-server]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:robohelp-server"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:robohelp-server"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/robohelp-server.svg" alt="Robohelp Server アイコン" width="24" height="24">theSVG Color の関連アイコン
Robohelp Server アイコン のよくある質問
Robohelp Server アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Robohelp Server アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:robohelp-server" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Robohelp Server アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/robohelp-server.svg" alt="Robohelp Server アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。