cloud icon
cloud-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- cloud-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
cloudAkar Iconscloud-filledAnt Design IconscloudBootstrap IconscloudBoxIcons v2cloudBoxIcons v2 SolidcloudCarboncloudCodiconscloudEmoji One (Colored)cloudFramework7 IconscloudFont Awesome 6 SolidcloudFont Awesome RegularcloudFont Awesome SolidcloudFeather Iconscloud-16-filledFluent UI System Iconscloud-16Fluent UI System Color IconscloudFluent EmojicloudFluent Emoji FlatcloudFluent Emoji High ContrastcloudFirefox OS Emojicloudcss.ggcloudHeroIconscloudHuge IconscloudHumbleiconscloudIconoir
Related icons in Myna UI Icons
Use the cloud icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.103 4.552c2 .614 3.66 2.175 4.493 4.836c2.05.177 3.997 1.285 5.063 2.803c.59.842.932 1.844.82 2.9c-.113 1.066-.677 2.087-1.713 2.975c-1.116.957-2.676 1.184-3.894 1.184H8.026a6.14 6.14 0 0 1-4.72-2.211c-2-2.263-2.424-4.666-1.773-6.796c.64-2.09 2.28-3.812 4.216-4.86c1.935-1.046 4.267-1.472 6.354-.831"/></svg>
React
import type { SVGProps } from "react";
export function MynauiCloudSolid(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="M12.103 4.552c2 .614 3.66 2.175 4.493 4.836c2.05.177 3.997 1.285 5.063 2.803c.59.842.932 1.844.82 2.9c-.113 1.066-.677 2.087-1.713 2.975c-1.116.957-2.676 1.184-3.894 1.184H8.026a6.14 6.14 0 0 1-4.72-2.211c-2-2.263-2.424-4.666-1.773-6.796c.64-2.09 2.28-3.812 4.216-4.86c1.935-1.046 4.267-1.472 6.354-.831"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.103 4.552c2 .614 3.66 2.175 4.493 4.836c2.05.177 3.997 1.285 5.063 2.803c.59.842.932 1.844.82 2.9c-.113 1.066-.677 2.087-1.713 2.975c-1.116.957-2.676 1.184-3.894 1.184H8.026a6.14 6.14 0 0 1-4.72-2.211c-2-2.263-2.424-4.666-1.773-6.796c.64-2.09 2.28-3.812 4.216-4.86c1.935-1.046 4.267-1.472 6.354-.831"/></svg> </template>
CSS
.icon-cloud-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%22M12.103%204.552c2%20.614%203.66%202.175%204.493%204.836c2.05.177%203.997%201.285%205.063%202.803c.59.842.932%201.844.82%202.9c-.113%201.066-.677%202.087-1.713%202.975c-1.116.957-2.676%201.184-3.894%201.184H8.026a6.14%206.14%200%200%201-4.72-2.211c-2-2.263-2.424-4.666-1.773-6.796c.64-2.09%202.28-3.812%204.216-4.86c1.935-1.046%204.267-1.472%206.354-.831%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%22M12.103%204.552c2%20.614%203.66%202.175%204.493%204.836c2.05.177%203.997%201.285%205.063%202.803c.59.842.932%201.844.82%202.9c-.113%201.066-.677%202.087-1.713%202.975c-1.116.957-2.676%201.184-3.894%201.184H8.026a6.14%206.14%200%200%201-4.72-2.211c-2-2.263-2.424-4.666-1.773-6.796c.64-2.09%202.28-3.812%204.216-4.86c1.935-1.046%204.267-1.472%206.354-.831%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/cloud-solid.svg?color=%231a73e8&size=48
