Cloud Cross Outline アイコン

Q: Cloud Cross Outline アイコンは商用利用でも無料ですか?

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

solar:cloud-cross-outline

Cloud Cross Outline アイコン(solar:cloud-cross-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 天気
タグ: cloudcross、crossoutline、cloudcrossoutline、clound cross outline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.4762 3.75C9.7261 3.75 7.5119 5.95083 7.5119 8.64706C7.5119 9.10922 7.5766 9.55551 7.69729 9.97813C8.19449 10.1216 8.65991 10.3389 9.08045 10.6171C9.42592 10.8456 9.52072 11.3109 9.29219 11.6564C9.06366 12.0019 8.59835 12.0967 8.25288 11.8681C7.87207 11.6162 7.43917 11.4355 6.9733 11.3451C6.75147 11.3021 6.52165 11.2794 6.28571 11.2794C4.3246 11.2794 2.75 12.8482 2.75 14.7647C2.75 16.6812 4.3246 18.25 6.28571 18.25C6.69993 18.25 7.03571 18.5858 7.03571 19C7.03571 19.4142 6.69993 19.75 6.28571 19.75C3.51296 19.75 1.25 17.5264 1.25 14.7647C1.25 12.0605 3.41987 9.87207 6.11351 9.78228C6.04673 9.41355 6.0119 9.03413 6.0119 8.64706C6.0119 5.10572 8.91446 2.25 12.4762 2.25C15.6343 2.25 18.2724 4.49369 18.8314 7.47127C21.1313 8.44751 22.75 10.7093 22.75 13.3529C22.75 16.4269 20.5623 18.9843 17.6568 19.6057C17.2518 19.6923 16.8532 19.4341 16.7666 19.0291C16.68 18.624 16.9381 18.2254 17.3432 18.1388C19.5829 17.6598 21.25 15.693 21.25 13.3529C21.25 11.2162 19.8607 9.39087 17.9124 8.72463C17.4038 8.55072 16.8568 8.45588 16.2857 8.45588C15.7031 8.45588 15.1455 8.55458 14.6283 8.73526C14.2372 8.87185 13.8095 8.66557 13.6729 8.27453C13.5363 7.88348 13.7426 7.45575 14.1336 7.31916C14.8079 7.08364 15.5326 6.95588 16.2857 6.95588C16.5812 6.95588 16.8723 6.97555 17.1577 7.01367C16.477 5.11631 14.6422 3.75 12.4762 3.75ZM9.96965 16.9697C10.2625 16.6768 10.7374 16.6768 11.0303 16.9697L12 17.9393L12.9697 16.9697C13.2625 16.6768 13.7374 16.6768 14.0303 16.9697C14.3232 17.2626 14.3232 17.7374 14.0303 18.0303L13.0606 19L14.0303 19.9696C14.3232 20.2625 14.3232 20.7374 14.0303 21.0303C13.7374 21.3232 13.2625 21.3232 12.9696 21.0303L12 20.0607L11.0303 21.0303C10.7374 21.3232 10.2626 21.3232 9.96967 21.0303C9.67677 20.7374 9.67677 20.2626 9.96967 19.9697L10.9393 19L9.96965 18.0303C9.67676 17.7374 9.67676 17.2626 9.96965 16.9697Z" clip-rule="evenodd"/></svg>

Cloud Cross Outline アイコンの使い方

React

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

<Icon icon="solar:cloud-cross-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:cloud-cross-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:cloud-cross-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cloud-cross-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cloud-cross-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:cloud-cross-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/cloud-cross-outline.svg" alt="Cloud Cross Outline アイコン" width="24" height="24">

Solar の関連アイコン

Cloud Cross Outline アイコンのよくある質問

Cloud Cross Outline アイコンは商用利用でも無料ですか?

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

React で Cloud Cross Outline アイコンを使うには?

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

Cloud Cross Outline アイコンをウェブページに追加するには?

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

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