Cloudy Duo アイコン

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

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

glyphs:cloudy-duo

Cloudy Duo アイコン(glyphs:cloudy-duo)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: cloudyduo

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M9.193 24.62c.75-2.854 2.597-5.322 5.12-6.807a10.84 10.84 0 0 1 8.34-1.118a10.97 10.97 0 0 1 6.639 5.172l.588 1.04a7.5 7.5 0 0 1 1.402-.548l.07-.02a7.36 7.36 0 0 1 5.71.759a7.62 7.62 0 0 1 3.5 4.664l.019.072q.096.377.156.758a8.47 8.47 0 0 1 4.724 2.436l.06.06q.206.21.396.434a14 14 0 0 0-2.161 2.807l-.7 1.197a10 10 0 0 0-1.83-.697a9.68 9.68 0 0 0-7.306.925a9.48 9.48 0 0 0-4.67 6.77A10.97 10.97 0 0 0 22.786 46h-10.2a8.47 8.47 0 0 1-6.046-2.54l-.06-.061A8.67 8.67 0 0 1 4 37.329v-.17c0-2.27.89-4.45 2.48-6.071l.06-.061a8.5 8.5 0 0 1 2.416-1.722a11.45 11.45 0 0 1 .237-4.684"/><path fill="currentColor" fill-opacity=".25" d="M62.874 29.236c3.19 1.82 5.556 4.855 6.512 8.381c.516 1.901.609 3.875.296 5.789a11 11 0 0 1 3.113 2.155a10.78 10.78 0 0 1 3.204 7.64c0 2.861-1.168 5.627-3.204 7.639a10.94 10.94 0 0 1-7.659 3.159H62.71l-.026.001H30.862c-2.859 0-5.625-1.15-7.659-3.16A10.78 10.78 0 0 1 20 53.202c0-2.862 1.17-5.628 3.205-7.64a10.97 10.97 0 0 1 6.047-3.036q.076-.494.205-.98a9.48 9.48 0 0 1 4.464-5.79a9.68 9.68 0 0 1 7.307-.926a10 10 0 0 1 1.83.697l.699-1.197a14.04 14.04 0 0 1 8.532-6.48a14.14 14.14 0 0 1 10.586 1.387"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M43.756 34.33a14 14 0 0 1 2.161-2.808a9 9 0 0 0-.397-.433l-.06-.061a8.47 8.47 0 0 0-4.723-2.436a8 8 0 0 0-.157-.758l-.018-.072a7.62 7.62 0 0 0-3.5-4.664a7.36 7.36 0 0 0-5.71-.759l-.07.02a7.5 7.5 0 0 0-1.402.547l-.588-1.04a10.97 10.97 0 0 0-6.64-5.17a10.84 10.84 0 0 0-8.34 1.117c-2.522 1.485-4.37 3.953-5.12 6.808a11.45 11.45 0 0 0-.236 4.684a8.5 8.5 0 0 0-2.417 1.722l-.06.06A8.67 8.67 0 0 0 4 37.159v.17c0 2.27.89 4.45 2.48 6.071l.06.06A8.47 8.47 0 0 0 12.584 46h10.2q.203-.224.42-.437m20.55-11.233l-.699 1.197a10 10 0 0 0-1.83-.697a9.68 9.68 0 0 0-7.306.925a9.48 9.48 0 0 0-4.67 6.77a10.97 10.97 0 0 0-6.046 3.038M43.755 34.33a14.04 14.04 0 0 1 8.532-6.48a14.14 14.14 0 0 1 10.586 1.387c3.19 1.82 5.556 4.855 6.512 8.381c.516 1.901.609 3.875.296 5.789a11 11 0 0 1 3.113 2.155a10.78 10.78 0 0 1 3.204 7.64c0 2.861-1.168 5.627-3.204 7.639A10.94 10.94 0 0 1 65.135 64H62.71l-.026.001H30.862c-2.859 0-5.625-1.15-7.659-3.16A10.78 10.78 0 0 1 20 53.202c0-2.862 1.17-5.628 3.205-7.64"/></g></svg>

Cloudy Duo アイコンの使い方

React

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

<Icon icon="glyphs:cloudy-duo" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:cloudy-duo" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:cloudy-duo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--cloudy-duo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:cloudy-duo"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:cloudy-duo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/cloudy-duo.svg" alt="Cloudy Duo アイコン" width="24" height="24">

Glyphs の関連アイコン

Cloudy Duo アイコンのよくある質問

Cloudy Duo アイコンは商用利用でも無料ですか?

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

React で Cloudy Duo アイコンを使うには?

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

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

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

Glyphs アイコンをすべて見る →