Иконка Cloud With Rain
emojione:cloud-with-rain
Иконка Cloud With Rain (emojione:cloud-with-rain) — бесплатная SVG-иконка из набора Emoji One (Colored) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Emoji One (Colored)
- Автор
- Emoji One
- Лицензия
- CC-BY-4.0
- Размер
- 64 × 64
- Категория
- Природа
- Теги
- cloudwith, withrain, cloudwithrain
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#75d6ff" d="M23.6 45.4c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4-4.7 6M37.2 47c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.6 3.3-2.2m9.4-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.8-1.9.8-4.6.3-7.6m-32.2 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4-4.7 6m2 12.7c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6M30 59.7c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2m9.4-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.8-1.9.8-4.5.3-7.6m-32.2 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6"/><path fill="#fff" d="M18.9 33.7c-.8 0-1.7-.1-2.5-.4c-3.3-1.1-5.4-4.1-5.4-7.5c0-2.3 1-4.5 2.7-6c.4-.4.9-.7 1.5-1l.5-1.8C17 12.4 21.3 9.2 26 9.2c.5 0 1 0 1.5.1c.4.1.9.2 1.3.3l.2-.4c1.9-3.5 5.6-5.6 9.5-5.6c6 0 10.9 4.9 10.9 10.9v1.1c.5.2.9.4 1.4.6c2.9 1.7 4.7 4.8 4.7 8.1c0 4.4-3 8.2-7.3 9.1c-.7.2-1.4.2-2.1.2z"/><path fill="#b6c1d1" d="M38.5 5.2c5.1 0 9.3 4.2 9.3 9.3v.7c-2.2.2-4.1 1-5.6 2.4c1.1-.7 2.5-1 3.9-1c.5 0 1 .1 1.5.1q1.2.3 2.4.9c2.3 1.3 3.9 3.9 3.9 6.8c0 3.7-2.6 6.8-6.1 7.6c-.6.1-1.1.2-1.8.2H18.9c-.7 0-1.4-.1-2-.3c-2.5-.8-4.4-3.2-4.4-6c0-1.9.8-3.6 2.2-4.8q.9-.75 2.1-1.2c.7-.2 1.4-.4 2.1-.4c2 0 3.9 1 5 2.5h.1c-1.3-2.5-3.9-4.2-6.8-4.5c1.1-3.8 4.6-6.6 8.8-6.6c.4 0 .9 0 1.3.1c.8.1 1.7.4 2.4.7c2.8 1.3 4.9 3.9 5.3 7v-.1c0-3.6-1.8-6.8-4.6-8.6c1.5-2.9 4.6-4.8 8.1-4.8m0-3.2C34.2 2 30.2 4.2 28 7.8h-.3c-.7-.1-1.2-.1-1.8-.1c-5.5 0-10.3 3.7-11.9 8.9l-.4 1.3c-.4.2-.8.5-1.1.8c-2.1 1.8-3.3 4.4-3.3 7.2c0 4.1 2.6 7.7 6.5 9c1 .3 2 .5 3 .5H46c.8 0 1.7-.1 2.5-.3c5-1.1 8.5-5.5 8.5-10.7c0-3.9-2.1-7.5-5.5-9.5c-.2-.1-.3-.2-.5-.3v-.1C51 7.6 45.4 2 38.5 2"/></svg>Как использовать иконку Cloud With Rain
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:cloud-with-rain" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:cloud-with-rain" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:cloud-with-rain" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--cloud-with-rain]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:cloud-with-rain"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:cloud-with-rain"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione/cloud-with-rain.svg" alt="Иконка Cloud With Rain" width="24" height="24">Похожие иконки в наборе Emoji One (Colored)
Иконка Cloud With Rain в других наборах
Вопросы и ответы: Иконка Cloud With Rain
Можно ли бесплатно использовать иконку Cloud With Rain в коммерческих проектах?
Да. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Cloud With Rain в React?
Установите @iconify/react и выведите <Icon icon="emojione:cloud-with-rain" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cloud With Rain на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione/cloud-with-rain.svg" alt="Иконка Cloud With Rain">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.