Crow Ci Light アイコン

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

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

selfhst:crow-ci-light

Crow Ci Light アイコン(selfhst:crow-ci-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
タグ: crowci、cilight、crowcilight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" fill-rule="evenodd" d="M512 252.1c0-.1-23.6-136.4-144.8-193.6c-.2-.1-.5-.2-.7-.3c-.3-.1-.6-.3-.9-.4c-32.3-15-63-20.5-90.5-20.5c-5.2 0-10.2.2-15.1.6c-35.3 2.6-86.8 19.9-99.9 31.2c-13.1 11.2-25.7 47.3-28.1 58.5C26 164.6.1 223.5.1 223.6c0 0 59.4-37.6 160-25.3c96 11.8 96 107.7 96 107.7c.3 3.7.4 7.3.4 10.9c.1 94.6-93.9 146.1-110.7 154.5c30.9-9.7 218.1-77.2 162.5-278.2c37 16.8 74.1 60.6 74.1 89.2c0 0 1.1-2.2 1.7-45.5c20.2 26.9 33.1 79.1 23.6 117.8c-.7 3-1.6 5.9-2.7 8.8c2.6-4.4 4.2-7.7 4.8-9.2c-4.9 58.7-33.2 95.5-33.3 95.5C458 390.8 479 330.2 479 283.4c0-49.8-23.8-84-23.8-84c40.5 15.7 56.8 52.7 56.8 52.7M184.4 130.5c-4.9 0-8.8-4-8.8-8.8c0-4.9 4-8.8 8.8-8.8c4.9 0 8.8 4 8.8 8.8c.1 4.9-3.9 8.8-8.8 8.8m24.5-14.9c97.9-27 144.4 5.2 153 10.1c-3.1-9.2-8.4-16.1-18-24.8c90 37.2 113.6 98 113.6 98z"/><path fill="#fff" d="M195.6 208c60.4 27.6 60.4 98 60.4 98c.3 3.7.4 7.3.4 10.9c0 22.5-5.3 42.6-13.6 60.2c-20.1-12.1-47.9-30.9-32.3-92.6c10.3-41.2-1.8-64.2-14.9-76.5m-54.1 264.7c122.9 13.5 248.1-44.9 266.1-117.8c9.5-38.7-3.4-90.9-23.6-117.8c-.6 43.2-1.7 45.5-1.7 45.5c0-28.6-37-72.4-74.1-89.2c60.6 218.7-166.7 279.3-166.7 279.3m220.4-347c-3.1-9.2-8.4-16.1-18-24.8c90 37.2 113.6 98 113.6 98l-248.7-83.4c98-26.9 144.5 5.3 153.1 10.2" opacity=".7"/></svg>

Crow Ci Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:crow-ci-light"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

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