Cloud With Lightning アイコン
noto-v1:cloud-with-lightning
Cloud With Lightning アイコン(noto-v1:cloud-with-lightning)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 旅行・場所
- タグ
- cloudwith、withlightning、cloudwithlightning
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ffca28" d="M61.74 74.52s-20.27 27.89-17.1 29.69c2.16 1.23 17.03 1.04 18.94 2.25s-8.85 18.8-8.72 19.5c.17.87 1.44 2.48 8.84-3.1c11.45-8.64 18.69-18.68 18.69-18.68s6.74-5.78-14.83-7.95c-2-1.98 16.76-18.83 16.76-18.83z"/><path fill="#e3ebee" d="M110.46 33.91h-.01c0-.07.01-.14.01-.21c0-9.67-7.84-17.5-17.5-17.5c-1.24 0-2.46.13-3.63.38C85.86 8.14 77.57 2.19 67.88 2.19c-7.28 0-13.76 3.36-18.01 8.6a20.1 20.1 0 0 0-9.11-2.19c-10.47 0-19.07 7.98-20.07 18.19C9.29 27.39.15 36.72.01 48.3c-.16 12.07 9.5 21.98 21.57 22.13c.94.01 1.86-.05 2.76-.16C29 80.11 39.01 86.91 50.61 86.91c7 0 13.42-2.48 18.44-6.6c3.84 2.84 8.57 4.54 13.71 4.54c10.54 0 19.42-7.08 22.18-16.73c1.74.58 3.59.9 5.52.9c9.7 0 17.55-7.86 17.55-17.55c0-9.7-7.86-17.56-17.55-17.56"/><path fill="#b9cdd2" d="M120.77 37.26c3.98 4.01 1.17 13.23-1.57 16.23c-5.38 5.9-15.26 4.52-19.23 3.67c-1.07-.23-1.25-.15-1.59.06c-.31.19-.46.49-.79 1.22c-1.28 2.75-4.57 8.09-11.53 10.23c-7.25 2.24-14.09-1.17-17.3-3.21c-1.21-.77-1.27-.79-1.81-.78c-.56.01-1.11.41-1.76.93c-2.89 2.28-9.5 6.29-19.69 5.71c-9.99-.57-15.71-6.73-17.66-9.9c-.38-.61-.78-1.12-1.24-1.16c-.53-.06-1.13.5-1.58.94c-4.25 4.14-17.62 5.38-22.06-1.67c4.51 7.24 11.48 10.82 18.63 10.91c.94.01 1.86-.05 2.76-.16C29 80.11 39.01 86.91 50.61 86.91c7 0 13.42-2.48 18.44-6.6c3.84 2.84 8.57 4.54 13.71 4.54c10.54 0 19.42-7.08 22.18-16.73c1.74.58 3.59.9 5.52.9c9.7 0 17.55-7.86 17.55-17.55c0-5.17-2.59-10.99-7.24-14.21"/></svg>
Cloud With Lightning アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:cloud-with-lightning" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:cloud-with-lightning" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:cloud-with-lightning" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--cloud-with-lightning]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:cloud-with-lightning"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:cloud-with-lightning"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/cloud-with-lightning.svg" alt="Cloud With Lightning アイコン" width="24" height="24">
他のアイコンセットの Cloud With Lightning アイコン
Cloud With Lightning アイコン のよくある質問
Cloud With Lightning アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cloud With Lightning アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:cloud-with-lightning" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloud With Lightning アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/cloud-with-lightning.svg" alt="Cloud With Lightning アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
