Glpi アイコン

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

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

thesvg-color:glpi

Glpi アイコン(thesvg-color:glpi)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 216 × 92 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 216 × 92

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="216" height="92" viewBox="0 0 216 92"><path fill="#00a5f3" d="M33.63 73.6A52.5 52.5 0 0 1 16 66.42a30.43 30.43 0 0 1-1.14-50.1C23.89 9.7 34.4 7 45.24 5.39A112 112 0 0 1 69 4.2c2.74.18 3.7 1.26 3.56 4c-.14 2.9-1.88 2.59-3.91 2.58c-8.2 0-16.28.75-24.08 3.58c-13.09 4.76-19.74 13.5-19.68 26C24.9 53.05 31.37 61.21 45 65.78c3.21.25 6.58-.22 9.39 2a55 55 0 0 0 13.41.89c2.53-.08 3.35.91 3.27 3.32c-.06 2.15 0 3.67-3 3.94c-9.12.81-18.16.09-27.22-.77c-2.61.48-5.13.47-7.22-1.56m105.21 2.09c-5.28 0-5.21 0-4.44-5.43c2.93-20.72 5.88-41.44 8.65-62.19c.41-3.08 1.69-4 4.56-3.92c5.45.13 10.91.29 16.34 0c15.17-.86 21.7 12.36 20.26 23.16C182.38 41 172.12 50 158.25 50h-1.43c-9.13 0-9.1 0-10.14 9.28c-.4 3.65-1 7.26-1.48 10.9c-.71 5.49-.71 5.51-6.36 5.51m-33.54 0c-4.74 0-9.47-.14-14.2 0c-2.95.12-4-.67-3.55-3.85c2.87-19.76 5.58-39.55 8.35-59.33c.07-.47.18-.93.24-1.4c1-7.24 1-7.15 8.2-7c2.72.05 3.56 1.07 3.17 3.67C106 18.45 104.46 29.1 103 39.75c-1.13 8-2.15 15.93-3.38 23.88c-.31 2 .23 2.45 2.11 2.43c6.51-.08 13 .07 19.53-.07c2.76-.07 3.83.72 3.49 3.65c-.68 5.84-.77 6-6.63 6Zm89.7 0c-5.31 0-5.3-.11-4.54-5.38q4.49-31.22 8.78-62.46c.36-2.65 1.32-3.9 4-3.67h1.42c6 0 5.84 0 5 6c-2.88 20.1-5.63 40.23-8.5 60.34c-.81 5.18-.93 5.17-6.16 5.17"/><path fill="#80d2f8" d="M54.41 67.75a37.7 37.7 0 0 1-9.39-2c8-4.51 13.42-11 15.51-20c.55-2.42-1.11-3.69-3.17-4.45c-4.16-1.54-8.53-1.69-12.89-1.85a64 64 0 0 1-6.58-.32A85.3 85.3 0 0 1 58.75 33A29 29 0 0 1 70 33c5.11 1.2 7.72 5.21 6.54 10.3c-1.83 7.91-7.76 12.78-13.38 17.82c-2.71 2.47-5.82 4.45-8.75 6.63"/><path fill="#82d3f8" d="m33.63 73.6l7.23 1.53a153.3 153.3 0 0 1-27.78 12c-.76.29-.87-.07-.72-.71c6-3.27 12.07-6.5 18.05-9.86c1.25-.74 3.02-1.05 3.22-2.96"/><path fill="#a3defa" d="M11 87.86a5.3 5.3 0 0 1-3.25 1.08c.42-1.3 1.58-1.34 2.46-1.78c.32.22.79.26.79.7"/><path fill="#97daf9" d="m11 87.86l-.79-.7l2.11-.79l.72.71a2.47 2.47 0 0 1-2.04.78"/><path fill="#fefefe" d="M156.2 39.73c-6.65 0-6.71 0-5.91-6.56c.66-5.39 1.54-10.76 2.18-16.15c.23-1.93 1-2.61 2.94-2.51c2.71.14 5.44 0 8.16 0c5.39 0 8.77 3.09 9.59 8.45c1.14 7.32-3.92 17.73-14.48 16.74c-.82-.04-1.68.03-2.48.03"/></svg>

Glpi アイコンの使い方

React

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

<Icon icon="thesvg-color:glpi" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:glpi" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:glpi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--glpi]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:glpi"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:glpi"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/glpi.svg" alt="Glpi アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →