Иконка Cloud With Lightning
noto-v1:cloud-with-lightning
Иконка Cloud With Lightning (noto-v1:cloud-with-lightning) — бесплатная SVG-иконка из набора Noto Emoji (v1) от 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>
Веб-компонент
<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">
Похожие иконки в наборе Noto Emoji (v1)
Иконка Cloud With Lightning в других наборах
Вопросы и ответы: Иконка Cloud With Lightning
Можно ли бесплатно использовать иконку Cloud With Lightning в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cloud With Lightning в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Noto Emoji (v1) →
ICONYZ
