Caprover Light アイコン

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

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

selfhst:caprover-light

Caprover Light アイコン(selfhst:caprover-light)は、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
タグ: caproverlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M219.7 512.8c0-.2 3.1-4.9 7-10.2c16.5-22.9 22-34.1 26.9-54.2c4.8-20.2 6.1-45.3 3.1-61.1c-5.8-30.8-25.5-63.9-60.7-101.6c-39.2-42-69.9-84.6-87.1-120.5c-6.9-14.3-10.4-24.6-12.5-36.6c-1.9-11.6-1.9-16.4 0-26.4c5.1-24.7 21-40 49.4-47.6c21.9-5.8 26.9-6.1 79.2-6.3c52.5-.1 54.2-.2 54.9-5.7c.8-5.9-15.9-18.4-43.1-32.5c-9.2-4.7-16.9-8.8-17.2-9.2c-1.3-1.2 50.2 6.1 63.6 9.2c27.8 6.1 64.8 22.2 90 38.8c16.5 10.8 33.3 28.1 39.3 40.4c4.6 9.2 5.3 20.1 1.6 27.1c-4.1 8-12 11.4-26.1 11.4c-14.6 0-41-5.8-69-15.1c-49-16.3-65.5-20.2-83.5-20.2c-13.4 0-19.9 1.4-26.1 5.5c-15.9 10.8-15.2 42.3 1.9 73.6c6.9 12.7 13.5 22.3 25.2 36.1c17.7 21.2 45.9 60.5 56.6 78.9c6 10.4 11.2 22.3 14.7 34.3c5.2 17.2 5.9 23.1 5.9 47.4c0 20.1-.2 23.4-2.4 31.7c-9.4 35.7-36.3 69.9-84.7 107.7c-3.8 3.3-6.9 5.5-6.9 5.1m94.2-74.4c.6-1.1 3.5-7.2 6.4-13.5c12.7-26.6 15.4-34.2 19.4-54.1c2.5-12.4 2.8-15.9 2.8-38.6c.1-24.2 0-25.3-2.8-35.2c-4.9-17.6-15.1-36.4-29.3-53.7c-3.5-4.3-14.6-16.3-24.7-26.5c-33.3-34.1-43-47.7-48-66.9c-3.7-14.7-2-22.2 6.6-30.1c6.1-5.7 11-7 24.2-6.4c12 .5 16.5 2.3 29.6 12c33.4 24.8 65.2 76.1 75.2 121.6c3.3 15.1 3.3 42.3 0 61.8c-5.2 30.4-13.1 55.8-24 76.6c-6.1 11.7-27.7 45.1-33.4 51.6c-1.5 1.9-2.5 2.6-2 1.4m80.2-153.3c1.9-6.7 4-26.9 4-38.8c0-10.4-.5-15.5-2.2-21.8c-3.1-11.7-13.3-31.2-23.1-44.8c-14.7-20-18-27.1-14.9-32.9c1-1.9 3.1-3.9 5.3-4.8c3.4-1.4 4-1.3 9.2 1.1c10.5 4.8 20.6 12.5 25.3 19.3c5.9 8.4 13 23.9 15.4 33.4c2.7 10.4 2.5 30 0 39.6c-2.7 9.6-12.9 40.1-15.8 46.6c-2.4 5.5-4.4 7.5-3.2 3.1"/></svg>

Caprover Light アイコンの使い方

React

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

<Icon icon="selfhst:caprover-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:caprover-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:caprover-light" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:caprover-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/caprover-light.svg" alt="Caprover Light アイコン" width="24" height="24">

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

Caprover Light アイコンのよくある質問

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

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

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

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

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

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

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