Contabo アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:contabo

Contabo アイコン(selfhst:contabo)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#ffb400" d="M222.8 398.1c-19.4 19.4-46 30.7-73.6 30.7C92 428.7 45 382.2 45 325v-.5c0-57.2 46.5-104.2 103.7-104.2c21.5 0 42.4 6.6 59.8 19.4l1-1l31.2-31.2c-26.1-21-58.8-32.2-92-32.2C66.9 175.3 0 242.2 0 324c0 82.3 66.4 149.2 148.7 149.2h.5c39.3 0 77.2-15.8 105.3-43.4l33.2-33.7l-31.7-31.8z"/><path fill="#00aaeb" d="M468.6 219.2c-28.1-28.1-65.9-43.4-105.3-43.4c-39.3 0-77.2 15.8-105.3 43.4l-33.7 33.7l31.7 31.7l33.7-33.7c40.9-40.4 106.8-40.4 147.2 0c19.4 19.4 30.7 46 30.7 73.1c0 57.2-46.5 104.2-103.7 104.2c-21.5 0-42.9-6.6-60.3-19.4l-2 1l-30.8 31.2c26.1 21 58.8 32.2 92 32.2c82.3 0 149.2-66.4 149.2-148.7c0-39.4-15.3-77.7-43.4-105.3m-319.9-61.8h7.2c13.2-44 54.1-74.1 100.1-73.6c46 0 86.4 30.1 99.6 74.1h7.2c13.3 0 27.1 1.5 39.9 4.6C390.9 91 328.6 38.8 256 38.8S121.6 91 109.3 162c12.8-3.1 26.1-4.6 39.4-4.6"/></svg>

Contabo アイコンの使い方

React

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

<Icon icon="selfhst:contabo" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:contabo" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:contabo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--contabo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:contabo"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:contabo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/contabo.svg" alt="Contabo アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

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

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

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →