Cloudevents Dark アイコン

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

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:cloudevents-dark

Cloudevents Dark アイコン(thesvg-color:cloudevents-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 366 × 246 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 366 × 246
タグ: cloudeventsdark、cloudevent

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="366" height="246" viewBox="0 0 366 246"><g fill="#fff"><path d="M267.246 267.341c26.572.001 55.443-17.497 61.933-43.466c7.451-29.82-10.013-60.551-39.311-69.135a60.3 60.3 0 0 0-17.184-2.167c-8.557.014-17.114.004-25.902.004c.598-21.86-7.116-39.902-24.405-53.337a56.8 56.8 0 0 0-37.607-12.127a58.1 58.1 0 0 0-40.487 17.65c-11.133 11.168-16.944 24.83-17.997 40.243l-24.08-8.315c2.145-26.602 23.64-63.346 65.307-72.991c47.529-11.003 91.576 20.022 101.913 63.662c3.951 0 8.061-.389 12.077.062c32.264 3.618 55.147 20.576 67.902 50.386c15.76 36.835 2.371 80.217-30.54 101.795c-13.68 8.97-35.278 13.358-51.556 13.395"/><path d="M248.15 292.85s-39.04.289-71.17.065c-33.79-.235-61.053-21.921-69.473-51.402c-7.312-25.6-1.444-48.533 16.123-68.474c11.178-12.687 25.044-20.819 41.818-23.711a70.79 70.79 0 0 1 71.982 32.01a73.52 73.52 0 0 1 10.882 51.03c-.165 1.148-.433 1.757-1.794 1.754q-34.228-.057-68.456-.034a11 11 0 0 1-1.134-.127c-.04-.686-.107-1.325-.108-1.964q-.01-10.548-.002-21.098c.002-2.854.314-3.152 3.222-3.152h41.219c-.363-1.13-.584-2.07-.956-2.944c-6.755-15.885-18.64-25.76-35.647-28.59c-17.05-2.84-31.94 2.207-43.14 15.521c-17.225 20.476-11.832 53.086 10.776 67.821a45.8 45.8 0 0 0 25.617 7.587c31.8-.032 70.178-.007 70.178-.007z"/><path d="m93.066 261.514l15.765 19.942c-21.782 13.708-58.5 14.24-84.102-11.702a71.767 71.767 0 0 1-3.54-96.512c24.25-28.684 62.787-30.793 87.696-15.67l-15.818 19.964c-12.315-5.34-25.212-5.522-37.968.524a44.26 44.26 0 0 0-19.893 18.657a46.21 46.21 0 0 0 5.433 53.303a44.855 44.855 0 0 0 52.427 11.494"/></g></svg>

Cloudevents Dark アイコンの使い方

React

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

<Icon icon="thesvg-color:cloudevents-dark" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:cloudevents-dark" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:cloudevents-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--cloudevents-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:cloudevents-dark"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:cloudevents-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/cloudevents-dark.svg" alt="Cloudevents Dark アイコン" width="24" height="24">

theSVG Color の関連アイコン

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

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

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

theSVG Color アイコンをすべて見る →