cloudy icon
cloudy-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- cloudy-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Use the cloudy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.555 2.815c-1.47-.69-3.155-.703-4.696-.28c-1.541.421-3 1.292-4.043 2.456C4.86 6.056 4.227 7.4 4.252 8.88c-1.43 1.154-2.535 2.726-2.886 4.532c-.382 1.97.155 4.112 1.948 6.136a6.14 6.14 0 0 0 4.712 2.203h8.846c1.217 0 2.778-.227 3.894-1.184l.256-.23c1.223-1.167 1.657-2.524 1.414-3.847c-.18-.972-.712-1.852-1.434-2.573q.104-.072.203-.151l.166-.14c.805-.706 1.263-1.519 1.36-2.383c.102-.915-.211-1.772-.735-2.478c-.93-1.257-2.607-2.158-4.366-2.32c-.613-1.796-1.713-2.988-3.075-3.629m-.639 1.358c1.05.494 1.964 1.473 2.43 3.19a.75.75 0 0 0 .724.553c1.522 0 2.997.765 3.721 1.741c.353.477.5.964.45 1.418c-.045.391-.245.846-.747 1.32l-.234.206a2.3 2.3 0 0 1-.54.316a7 7 0 0 0-.76-.401l-.39-.165a7.2 7.2 0 0 0-1.975-.462c-.927-2.966-2.88-4.554-5.155-5.004c-1.85-.366-3.836.036-5.548.927c.184-.647.541-1.263 1.04-1.819c.838-.935 2.04-1.66 3.323-2.012c1.284-.351 2.589-.313 3.661.192"/></svg>
React
import type { SVGProps } from "react";
export function MynauiCloudySolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.555 2.815c-1.47-.69-3.155-.703-4.696-.28c-1.541.421-3 1.292-4.043 2.456C4.86 6.056 4.227 7.4 4.252 8.88c-1.43 1.154-2.535 2.726-2.886 4.532c-.382 1.97.155 4.112 1.948 6.136a6.14 6.14 0 0 0 4.712 2.203h8.846c1.217 0 2.778-.227 3.894-1.184l.256-.23c1.223-1.167 1.657-2.524 1.414-3.847c-.18-.972-.712-1.852-1.434-2.573q.104-.072.203-.151l.166-.14c.805-.706 1.263-1.519 1.36-2.383c.102-.915-.211-1.772-.735-2.478c-.93-1.257-2.607-2.158-4.366-2.32c-.613-1.796-1.713-2.988-3.075-3.629m-.639 1.358c1.05.494 1.964 1.473 2.43 3.19a.75.75 0 0 0 .724.553c1.522 0 2.997.765 3.721 1.741c.353.477.5.964.45 1.418c-.045.391-.245.846-.747 1.32l-.234.206a2.3 2.3 0 0 1-.54.316a7 7 0 0 0-.76-.401l-.39-.165a7.2 7.2 0 0 0-1.975-.462c-.927-2.966-2.88-4.554-5.155-5.004c-1.85-.366-3.836.036-5.548.927c.184-.647.541-1.263 1.04-1.819c.838-.935 2.04-1.66 3.323-2.012c1.284-.351 2.589-.313 3.661.192"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.555 2.815c-1.47-.69-3.155-.703-4.696-.28c-1.541.421-3 1.292-4.043 2.456C4.86 6.056 4.227 7.4 4.252 8.88c-1.43 1.154-2.535 2.726-2.886 4.532c-.382 1.97.155 4.112 1.948 6.136a6.14 6.14 0 0 0 4.712 2.203h8.846c1.217 0 2.778-.227 3.894-1.184l.256-.23c1.223-1.167 1.657-2.524 1.414-3.847c-.18-.972-.712-1.852-1.434-2.573q.104-.072.203-.151l.166-.14c.805-.706 1.263-1.519 1.36-2.383c.102-.915-.211-1.772-.735-2.478c-.93-1.257-2.607-2.158-4.366-2.32c-.613-1.796-1.713-2.988-3.075-3.629m-.639 1.358c1.05.494 1.964 1.473 2.43 3.19a.75.75 0 0 0 .724.553c1.522 0 2.997.765 3.721 1.741c.353.477.5.964.45 1.418c-.045.391-.245.846-.747 1.32l-.234.206a2.3 2.3 0 0 1-.54.316a7 7 0 0 0-.76-.401l-.39-.165a7.2 7.2 0 0 0-1.975-.462c-.927-2.966-2.88-4.554-5.155-5.004c-1.85-.366-3.836.036-5.548.927c.184-.647.541-1.263 1.04-1.819c.838-.935 2.04-1.66 3.323-2.012c1.284-.351 2.589-.313 3.661.192"/></svg> </template>
CSS
.icon-cloudy-solid {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.555%202.815c-1.47-.69-3.155-.703-4.696-.28c-1.541.421-3%201.292-4.043%202.456C4.86%206.056%204.227%207.4%204.252%208.88c-1.43%201.154-2.535%202.726-2.886%204.532c-.382%201.97.155%204.112%201.948%206.136a6.14%206.14%200%200%200%204.712%202.203h8.846c1.217%200%202.778-.227%203.894-1.184l.256-.23c1.223-1.167%201.657-2.524%201.414-3.847c-.18-.972-.712-1.852-1.434-2.573q.104-.072.203-.151l.166-.14c.805-.706%201.263-1.519%201.36-2.383c.102-.915-.211-1.772-.735-2.478c-.93-1.257-2.607-2.158-4.366-2.32c-.613-1.796-1.713-2.988-3.075-3.629m-.639%201.358c1.05.494%201.964%201.473%202.43%203.19a.75.75%200%200%200%20.724.553c1.522%200%202.997.765%203.721%201.741c.353.477.5.964.45%201.418c-.045.391-.245.846-.747%201.32l-.234.206a2.3%202.3%200%200%201-.54.316a7%207%200%200%200-.76-.401l-.39-.165a7.2%207.2%200%200%200-1.975-.462c-.927-2.966-2.88-4.554-5.155-5.004c-1.85-.366-3.836.036-5.548.927c.184-.647.541-1.263%201.04-1.819c.838-.935%202.04-1.66%203.323-2.012c1.284-.351%202.589-.313%203.661.192%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.555%202.815c-1.47-.69-3.155-.703-4.696-.28c-1.541.421-3%201.292-4.043%202.456C4.86%206.056%204.227%207.4%204.252%208.88c-1.43%201.154-2.535%202.726-2.886%204.532c-.382%201.97.155%204.112%201.948%206.136a6.14%206.14%200%200%200%204.712%202.203h8.846c1.217%200%202.778-.227%203.894-1.184l.256-.23c1.223-1.167%201.657-2.524%201.414-3.847c-.18-.972-.712-1.852-1.434-2.573q.104-.072.203-.151l.166-.14c.805-.706%201.263-1.519%201.36-2.383c.102-.915-.211-1.772-.735-2.478c-.93-1.257-2.607-2.158-4.366-2.32c-.613-1.796-1.713-2.988-3.075-3.629m-.639%201.358c1.05.494%201.964%201.473%202.43%203.19a.75.75%200%200%200%20.724.553c1.522%200%202.997.765%203.721%201.741c.353.477.5.964.45%201.418c-.045.391-.245.846-.747%201.32l-.234.206a2.3%202.3%200%200%201-.54.316a7%207%200%200%200-.76-.401l-.39-.165a7.2%207.2%200%200%200-1.975-.462c-.927-2.966-2.88-4.554-5.155-5.004c-1.85-.366-3.836.036-5.548.927c.184-.647.541-1.263%201.04-1.819c.838-.935%202.04-1.66%203.323-2.012c1.284-.351%202.589-.313%203.661.192%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/cloudy-solid.svg?color=%231a73e8&size=48
