Hostgator アイコン

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

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

thesvg-color:hostgator

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="355" viewBox="0 0 256 355"><path fill="#2e93ee" d="M195 260c-11 9-20 23-31 32c5 26-4 37 7 46c4 3 29 10 43 2c0-13-7-17-14-22c-8-16-5-42-6-58"/><path fill="#2e578b" d="M200 344c-1-8-7-14-14-17c6 4 9 10 9 17zm12-3c-1-7-7-13-14-16c8 5 10 11 9 18z"/><path fill="#2e93ee" d="M183 128c-5 8-8 24 34 47c0 0-18 30-23 35c-6 6-9 21-4 28l10 11s13 2 19-1c7-8 9-20 4-30c0 0 35-36 33-47s-57-67-73-43"/><path fill="#2e578b" d="m223 218l-17 14l8-3s6 7 1 14c0 0 9-5 3-16l5-8z"/><path fill="#2e93ee" d="m78 212l-2 7c-2 4-4 4 2 7c5 2 9 4 14 4c8 2 7 1 3-7l-6-10c-8-12-10-11-11-1m-29-4c-3 5 1 6 7 8l7 2c7 1 5 0 2-6l-6-9c-11-17-6-3-10 5m-26-3v4c0 5-1 4 5 5h8c7-2 5-4 1-8l-5-5c-14-11-9-3-9 4m98-166S79 61 80 68c0 7 12 6 16 15c0 0-26 18-24 26s18 5 22 12c0 0-4 16 0 22s3 1 8 8c1 0-2-60 19-112"/><path fill="#2e93ee" d="M113 59c14 14 33 23 50 34c12 7 22 16 31 27c10 14 4 30 6 47a185 185 0 0 1 1 48c-3 25-4 46-22 64c-22 24-46 29-73 9c-10-6-19-14-27-23l-18-17c-8-8-17-14-27-19c-11-4-18 1-23 4c-3 1-7 3-10 1l-1-4l7-10c16-14 42-15 62-4c7 4 15 8 24 9c6 0 12-1 17-5c3-3 6-8 6-13c2-7 1-14-1-21c-3-9-9-18-13-27c-12-32-16-69 4-99l3-4z"/><path fill="#ffcf00" d="M37 230c14 7 29 23 44 40c19 23 66 56 105 4c36-49 19-118 17-125v-1c-1-2-34-44-64-50c-8 7-10 19 1 40c18 36 32 88 0 120c-4 4-10 8-16 10c-23 8-35-6-49-19a68 68 0 0 0-38-19"/><path fill="#eca93f" d="M190 268c-14-2-27-7-38-16c8 12 20 20 34 22zm-63 3c5 11 13 21 22 30l9-3c-13-6-24-15-31-27m-48-3l2 3l1 1c-1-4 0-7 1-10zm15 16l6 4c-2-6-2-12 0-15z"/><path fill="#ff9144" d="m63 251l4 4l1-8z"/><path fill="#eca93f" d="M163 225c14-4 29-4 43 0l1-6c-28-7-44 6-44 6m45-45v-7c-31-1-47 14-47 14c15-7 31-10 47-7m-12-40l-4-4c-32 0-41 15-41 15c14-9 29-13 45-11"/><path fill="#eca93f" d="m208 175l-4-22l-2-1l-69-42v6c14 19 45 53 75 59"/><path fill="#2e93ee" d="M105 255c4-6 11-10 19-9c20 2 14 27 9 42c-4 10-6 21-6 32c0 14 5 19-1 24c-11 8-24 11-37 10c-11-2-12-26 7-32c5-11 5-23 4-35c0-8-1-24 5-33"/><path fill="#2e578b" d="m100 354l5-1c-1-7 1-14 6-19c-8 4-10 12-11 20m-11 0c-2-7 0-15 6-21c-7 4-11 11-11 18c1 2 3 3 5 3m11-130s-3 14 7 19c8 4 17 4 22-2c7-8 17-25-10-41c-16-10-17 24-17 24zm2-66l7 14c0 1 22-27 18-31c-4-5-21 11-25 17"/><path fill="#2e93ee" d="M123 119c24 22-25 52-25 52c5 3 12 15 17 23c5 9 7 7 13 14s-11 17-11 17s-58-31-58-51c0-3 13-25 27-39c7-7 26-27 37-16"/><path fill="#2e93ee" d="M101 214s-4 22 8 28c0 0 11 1 16-3c0 0 13-20 3-31c-10-10-27 6-27 6"/><path fill="#2e578b" d="m100 216l20 10c-3 0-6 0-8-2c0 0-5 9 0 14c0 0-7-2-5-15z"/><path fill="#2e93ee" d="M115 53s9-52 31-53c14-1 21 17 21 17c9 0 17 3 24 8c0 0 4-7 11-5c6 2 14 17 11 42c7 1 12 5 16 10c-2 3-5 5-8 5c-4 1-23-6-29-2c-5 4-8 10-6 17c0 0-22-3-31-15s-18-35-40-24"/><path fill="#f1f1f2" d="M188 56s6-17 16-22c0 9 1 17 3 25zm-45-35s13 6 21 33l-29-2c5-10 7-21 8-31"/><path fill="#2e578b" d="M148 33c3 0 6 3 6 8c0 4-3 8-6 8s-6-4-6-8c0-5 3-8 6-8m49 21c2 0 4-3 4-6s-2-6-4-6h-2l-3 6c0 3 2 6 5 6"/><path fill="#ff9144" d="M144 66s-16-13-24-4c-9 11 0 27 0 27s1-7 5-9c0 0 1 22 38 47c36 25 52 22 60 20s16-8 13-14s-24-24-24-24s-8 1-23-4c-16-6-37-17-51-36z"/><path fill="#ff6b17" d="M135 95c20-5 41 1 57 15l-4-2s18-1 21 2c11 7 18 19 19 33c1 6-14 10-48-7c-21-11-45-41-45-41"/><path fill="#ebeef2" d="M211 109s-5 19-12 17c-2-1-1-6-2-10l-4-11zm34-7s-1 19-8 18c-3 0-3-5-4-9l-6-10z"/><path fill="#ffcf00" d="M253 85c-1-13-19-19-32-10c-10-2-22-9-33 2c-4 3-5 9-3 14c0 0-22-3-29-14c-8-12-18-27-29-28c-5 0-15-1-20 10c-6 10-9 30 32 61c42 31 60 39 69 39c11 0 12-4 25-6c6-1 12-12 4-22c-6-8-13-14-22-19c0 0 16 13 19 19c3 7-6 11-14 13s-18 4-54-21s-40-50-40-50c-5 0-5 10-5 10s-6-12 1-19c9-8 18 2 18 2h-1c-5-2-6 2-6 2c15 19 33 33 55 42c16 6 24-1 24-1c8 0 15 0 23-2c5-1 19-3 18-22"/><path fill="#eca93f" d="M200 84c4-1 7 4 2 6c-1 2 0 4 3 4c-3 2-6 1-7-2c-2-3-1-7 2-8m42-2c-3-1-5 3-1 5c0 2-1 3-3 4c8 2 8-7 4-9"/></svg>

Hostgator アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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