Cloud Sun Bolt アイコン

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

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

f7:cloud-sun-bolt

Cloud Sun Bolt アイコン(f7:cloud-sun-bolt)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Framework7 Icons
作者: Vladimir Kharlampidi
ライセンス: MIT
サイズ: 56 × 56
タグ: cloudsun、sunbolt、cloudsunbolt

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M36.06 8.176c.868 0 1.601-.752 1.601-1.6V2.41c0-.887-.733-1.6-1.6-1.6c-.887 0-1.62.713-1.62 1.6v4.166c0 .848.733 1.6 1.62 1.6m-11.203 3.722c.636.636 1.697.617 2.294 0c.58-.617.598-1.64 0-2.237l-2.988-2.989a1.583 1.583 0 0 0-2.237 0a1.606 1.606 0 0 0 0 2.256Zm20.113 0c.598.617 1.639.636 2.275 0l2.931-2.97a1.606 1.606 0 0 0 0-2.256a1.583 1.583 0 0 0-2.237 0l-2.97 2.99c-.616.597-.597 1.619 0 2.236M8.176 39.744h20.865c5.573 0 9.893-4.223 9.893-9.642v-.174c3.895-1.272 6.653-4.86 6.653-9.12c0-5.304-4.243-9.566-9.526-9.566a9.49 9.49 0 0 0-9.102 6.653c-2.314-2.642-5.554-4.165-9.218-4.165c-6.383 0-11.724 4.917-12.36 11.262C2.16 25.994 0 28.772 0 32.28c0 4.339 3.259 7.463 8.176 7.463m27.885-25.667c3.76 0 6.691 2.931 6.691 6.73c0 2.873-1.735 5.303-4.281 6.287c-1.234-3.684-4.724-6.268-9.121-6.538c.116-3.664 3.027-6.479 6.71-6.479M8.099 36.658c-3.278 0-5.014-1.89-5.014-4.3c0-2.044 1.196-3.837 4.03-4.609c.926-.231 1.274-.655 1.35-1.639c.444-5.4 4.455-9.295 9.276-9.295c3.741 0 6.653 2.064 8.446 5.67c.405.81.887 1.099 1.87 1.099c4.976 0 7.792 3.008 7.792 6.595s-2.932 6.48-6.75 6.48Zm42.154-14.25h4.166c.867 0 1.581-.714 1.581-1.6c0-.888-.714-1.601-1.581-1.601h-4.166c-.867 0-1.6.713-1.6 1.6s.733 1.6 1.6 1.6M47.94 34.96c.617.617 1.62.598 2.237-.019a1.606 1.606 0 0 0 0-2.256l-2.97-2.95c-.616-.598-1.62-.618-2.236 0a1.607 1.607 0 0 0 0 2.256ZM24.048 46.57H20.21l1.755-3.356c.232-.424.058-.733-.366-.733h-4.03c-.521 0-.714.212-.888.579l-2.449 5.611c-.212.463 0 .752.482.752h3.24l-2.487 5.978c-.097.25-.039.463.135.52c.173.078.385.02.578-.192l8.157-8.234c.386-.405.25-.926-.29-.926"/></svg>

Cloud Sun Bolt アイコンの使い方

React

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

<Icon icon="f7:cloud-sun-bolt" width="24" />

Vue

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

<template>
  <Icon icon="f7:cloud-sun-bolt" width="24" />
</template>

Svelte

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

<Icon icon="f7:cloud-sun-bolt" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="f7:cloud-sun-bolt"></iconify-icon>

HTML 画像

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

Framework7 Icons の関連アイコン

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

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

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

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

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

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

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

Framework7 Icons をすべて見る →