Cloudreve Dark アイコン

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

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

selfhst:cloudreve-dark

Cloudreve Dark アイコン(selfhst:cloudreve-dark)は、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
タグ: cloudrevedark

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill-rule="evenodd" d="M437.6 174c-14.2 17.6-35.9 28.9-60.3 28.9c-42.7 0-77.4-34.7-77.4-77.4c0-22.3 9.5-42.5 24.6-56.6c-21.4-7.8-44.4-12.1-68.5-12.1c-4.7 0-9.4.2-14 .5c-8.5 18.8-13.3 39.6-13.3 61.5c-.1 82.2 66.5 148.7 148.7 148.7c28.4 0 55-8 77.6-21.8c-1.3-25.5-7.4-49.7-17.4-71.7" opacity=".75"/><circle cx="377.3" cy="125.5" r="77.4" fill-rule="evenodd" opacity=".5"/><path fill-rule="evenodd" d="M430.9 351.4c-13.5-7.9-29.3-12.5-46.1-12.5c-8.9 0-17.5 1.3-25.7 3.7c-7.9-14.5-23.2-24.3-40.9-24.3c-1.9 0-3.8.1-5.7.4c-17.4-25.8-46.9-42.7-80.4-42.7c-43 0-79.5 28.1-92.2 66.9c-6.8-1.8-13.9-2.8-21.3-2.8c-14 0-27.1 3.5-38.6 9.7c-.6-1.1-1.2-2.3-1.8-3.5c32.9 64.7 100.1 109 177.6 109c77 0 143.7-43.7 176.9-107.6c-.5 1.2-1.1 2.5-1.8 3.7" opacity=".9"/><path fill-rule="evenodd" d="M256 0C114.6 0 0 114.6 0 256c0 141.8 114.2 256 256 256c141.4 0 256-114.6 256-256C512 114.2 397.8 0 256 0m0 56.8c106.6 0 193.6 83.7 198.9 188.9c-22.6 13.7-49.2 21.8-77.5 21.8c-82.2 0-148.8-66.5-148.7-148.7c0-21.9 4.8-42.7 13.3-61.5m-77 21.5c-6.1 19.2-10.1 41.4-10.1 62.4c0 49 17.8 93.9 47.3 128.5c9.6-2.8 19.6-4.2 29.9-4.2c33.7 0 65.3 15.7 85.5 42.3h.6c18.1 0 34.9 8.6 45.6 22.8c6.9-1.5 13.9-2.2 21-2.2c8.4 0 16.7 1 24.7 3.1c12.6-3.7 24.8-8.7 36.2-14.7c-25.8 80.8-101.8 139.2-191.4 138.5c-109.6-1-197.5-89.6-197.5-199.3c0-77.2 44-144.2 108.2-177.2"/></svg>

Cloudreve Dark アイコンの使い方

React

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

<Icon icon="selfhst:cloudreve-dark" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:cloudreve-dark" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:cloudreve-dark" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:cloudreve-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/cloudreve-dark.svg" alt="Cloudreve Dark アイコン" width="24" height="24">

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

Cloudreve Dark アイコンのよくある質問

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

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

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

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

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

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

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