Cloudpanel Light アイコン
selfhst:cloudpanel-light
Cloudpanel Light アイコン(selfhst:cloudpanel-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
- タグ
- cloudpanellight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M478 235.1c-18.5-21-43.6-36.6-72.1-44.8v-1.6c0-76.7-67.3-139.3-150.3-139.3c-83.1 0-150.4 62.4-150.4 139.3v1.9C44.4 208.3 0 261.1 0 323.4c0 76.7 67.4 139.3 150.4 139.3c39.8-.1 78-14.5 105.7-40.1c27.6 25.6 65.7 40 105.5 40.1c82.8 0 150.4-62.4 150.4-139.3c0-32.1-12.2-63.5-34-88.3M361.6 427.5c-61.9 0-112.4-46.7-112.4-104.1c.2-9.5-8.4-17.3-19-17.6c-10.5.1-19 7.9-19 17.2v.4c0 26 7.8 50.4 21.2 71.3c-20.8 20.9-50.7 32.9-82 33C88.4 427.7 38 381 38 323.6s50.5-104.1 112.4-104.1c13.4 0 26.5 2.2 39 6.4c.2 0 .3.1.4.1c4.3 1.4 10.4 4 12.3 5.5c3.4 2.7 7.8 4.3 12.3 4.3c5.6 0 10.9-2.3 14.3-6.2c6.8-7.4 5.9-18.4-2.1-24.7c-8.3-6.5-21.2-10.9-24.4-12c-16.5-5.6-34.1-8.5-51.7-8.4c-2.4 0-4.8 0-7.2.1c2.6-55.5 51.9-99.8 112.4-99.8c61.9 0 112.4 46.7 112.4 104.1c.1 33.3-17.4 64.8-47.3 84.9c-8.5 5.8-10.4 16.6-4.5 24.4c3.7 4.7 9.6 7.4 15.5 7.4c3.8 0 7.6-1 11-3.3c28.4-18.9 48.7-45.9 57.8-76.4c43.4 14.9 73.6 53.8 73.6 97.7c-.1 57.2-50.5 103.9-112.6 103.9"/></svg>Cloudpanel Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:cloudpanel-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:cloudpanel-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:cloudpanel-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--cloudpanel-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:cloudpanel-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:cloudpanel-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/cloudpanel-light.svg" alt="Cloudpanel Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Cloudpanel Light アイコン のよくある質問
Cloudpanel Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cloudpanel Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:cloudpanel-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloudpanel Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/cloudpanel-light.svg" alt="Cloudpanel Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。