Ícone Cloud With Lightning
noto-v1:cloud-with-lightning
O ícone Cloud With Lightning (noto-v1:cloud-with-lightning) é um ícone SVG gratuito da coleção Noto Emoji (v1) de Google Inc. Ele é desenhado em uma grade de 128 × 128. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Noto Emoji (v1)
- Autor
- Google Inc
- Licença
- Apache-2.0
- Tamanho
- 128 × 128
- Categoria
- Viagens e lugares
- Tags
- cloudwith, withlightning, cloudwithlightning
Código 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>
Como usar o ícone 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 component
<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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/cloud-with-lightning.svg" alt="Ícone Cloud With Lightning" width="24" height="24">
Ícones relacionados em Noto Emoji (v1)
O ícone Cloud With Lightning em outras coleções
Perguntas frequentes sobre Ícone Cloud With Lightning
O ícone Cloud With Lightning é grátis para uso comercial?
Sim. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Cloud With Lightning no React?
Instale @iconify/react e renderize <Icon icon="noto-v1:cloud-with-lightning" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cloud With Lightning a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/noto-v1/cloud-with-lightning.svg" alt="Ícone Cloud With Lightning">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Noto Emoji (v1) →
ICONYZ
