Cloud Bolt Broken アイコン

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

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

solar:cloud-bolt-broken

Cloud Bolt Broken アイコン(solar:cloud-bolt-broken)は、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
カテゴリ: 天気
タグ: cloudbolt、boltbroken、cloudboltbroken

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M22 12.3529C22 15.0599 20.0726 17.3221 17.5 17.8722M8.66667 10.2426C8.20528 9.9374 7.68059 9.71839 7.11616 9.60887C6.8475 9.55673 6.56983 9.52941 6.28571 9.52941C3.91878 9.52941 2 11.4256 2 13.7647C2 16.1038 3.91878 18 6.28571 18M14.381 7.02721C14.9767 6.81911 15.6178 6.70588 16.2857 6.70588C16.9404 6.70588 17.5693 6.81468 18.1551 7.01498M7.11616 9.60887C6.88706 8.9978 6.7619 8.33687 6.7619 7.64706C6.7619 4.52827 9.32028 2 12.4762 2C15.4159 2 17.8371 4.19371 18.1551 7.01498M18.1551 7.01498C18.8381 7.24853 19.4623 7.60648 20 8.06141"/><path d="M9.62607 17.4534L10.7744 15.8998C11.5166 14.8955 11.8878 14.3934 12.234 14.4995C12.5803 14.6056 12.5803 15.2215 12.5803 16.4532V16.5694C12.5803 17.0136 12.5803 17.2358 12.7222 17.3751L12.7297 17.3823C12.8748 17.5187 13.106 17.5187 13.5683 17.5187C14.4004 17.5187 14.8165 17.5187 14.9571 17.771C14.9594 17.7752 14.9617 17.7794 14.9639 17.7837C15.0966 18.0399 14.8557 18.3659 14.3739 19.0177L13.2256 20.5713C12.4833 21.5756 12.1122 22.0777 11.7659 21.9716C11.4197 21.8655 11.4197 21.2496 11.4197 20.0179L11.4197 19.9018C11.4197 19.4575 11.4197 19.2354 11.2778 19.096L11.2703 19.0888C11.1252 18.9524 10.894 18.9524 10.4317 18.9524C9.59958 18.9524 9.18354 18.9524 9.04294 18.7001C9.04061 18.6959 9.03835 18.6917 9.03615 18.6874C8.90342 18.4312 9.1443 18.1053 9.62607 17.4534Z"/></g></svg>

Cloud Bolt Broken アイコンの使い方

React

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

<Icon icon="solar:cloud-bolt-broken" width="24" />

Vue

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

<template>
  <Icon icon="solar:cloud-bolt-broken" width="24" />
</template>

Svelte

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

<Icon icon="solar:cloud-bolt-broken" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:cloud-bolt-broken"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/cloud-bolt-broken.svg" alt="Cloud Bolt Broken アイコン" width="24" height="24">

Solar の関連アイコン

Cloud Bolt Broken アイコンのよくある質問

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

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

React で Cloud Bolt Broken アイコンを使うには?

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

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

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

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