cloud sun rain icon
cloud-sun-rain from Line Awesome by Icons8 · Line · Weather · Apache-2.0 Free for personal and commercial use.
- Name
- cloud-sun-rain
- Set
- Line Awesome
- Style
- Line
- Category
- Weather
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- cloud-sun-rain-solid
The same icon in other sets
More weather icons from Line Awesome
Use the cloud sun rain icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7 6v3.094a5 5 0 0 0-1.75.75L3.062 7.625L1.625 9.063l2.219 2.187a5 5 0 0 0-.75 1.75H0v2h3.094c.133.637.398 1.227.75 1.75l-2.219 2.188l1.438 1.437l2.187-2.219q.451.3.969.5C6.098 19.086 6 19.536 6 20c0 2.758 2.242 5 5 5h1.156c.18-.629.504-1.316.875-2H11c-1.652 0-3-1.348-3-3s1.348-3 3-3h1v-1c0-1.102.895-1.996 1.906-2l1 .063l.188-.844C15.469 11.359 17.102 10 19 10c1.605 0 3.055.96 3.688 2.438l.28.687l.907-.094c.043-.008.078-.031.125-.031c1.652 0 2.996 1.352 3 2.938l-.031.968l.781.188A2.996 2.996 0 0 1 30 20c0 1.652-1.348 3-3 3h-1c0 .73-.219 1.41-.563 2H27c2.758 0 5-2.242 5-5a4.99 4.99 0 0 0-3.031-4.594c-.282-2.418-2.313-4.308-4.782-4.406A5.97 5.97 0 0 0 19 8a6.04 6.04 0 0 0-5.688 4.063c-.23.039-.44.078-.656.156a5 5 0 0 0-.5-.969l2.219-2.188l-1.438-1.437l-2.187 2.219A5 5 0 0 0 9 9.094V6zm1 5a2.99 2.99 0 0 1 2.938 2.438a4.1 4.1 0 0 0-.844 1.656a4.9 4.9 0 0 0-2.969 1.781A2.99 2.99 0 0 1 5 14c0-1.668 1.332-3 3-3m14 8s-2 2.895-2 4s.895 2 2 2c.137 0 .277-.004.406-.031A2.01 2.01 0 0 0 24 23c0-1.105-2-4-2-4m-6 3s-.285.453-.625 1c-.125.2-.242.363-.375.594c-.18.312-.344.617-.5.937c-.078.16-.156.317-.219.469c-.164.387-.281.746-.281 1a1.999 1.999 0 1 0 4 0c0-.254-.117-.613-.281-1c-.016-.031-.016-.059-.032-.094c-.054-.12-.125-.25-.187-.375A18 18 0 0 0 16.625 23c-.34-.547-.625-1-.625-1"/></svg>
React
import type { SVGProps } from "react";
export function LaCloudSunRain(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7 6v3.094a5 5 0 0 0-1.75.75L3.062 7.625L1.625 9.063l2.219 2.187a5 5 0 0 0-.75 1.75H0v2h3.094c.133.637.398 1.227.75 1.75l-2.219 2.188l1.438 1.437l2.187-2.219q.451.3.969.5C6.098 19.086 6 19.536 6 20c0 2.758 2.242 5 5 5h1.156c.18-.629.504-1.316.875-2H11c-1.652 0-3-1.348-3-3s1.348-3 3-3h1v-1c0-1.102.895-1.996 1.906-2l1 .063l.188-.844C15.469 11.359 17.102 10 19 10c1.605 0 3.055.96 3.688 2.438l.28.687l.907-.094c.043-.008.078-.031.125-.031c1.652 0 2.996 1.352 3 2.938l-.031.968l.781.188A2.996 2.996 0 0 1 30 20c0 1.652-1.348 3-3 3h-1c0 .73-.219 1.41-.563 2H27c2.758 0 5-2.242 5-5a4.99 4.99 0 0 0-3.031-4.594c-.282-2.418-2.313-4.308-4.782-4.406A5.97 5.97 0 0 0 19 8a6.04 6.04 0 0 0-5.688 4.063c-.23.039-.44.078-.656.156a5 5 0 0 0-.5-.969l2.219-2.188l-1.438-1.437l-2.187 2.219A5 5 0 0 0 9 9.094V6zm1 5a2.99 2.99 0 0 1 2.938 2.438a4.1 4.1 0 0 0-.844 1.656a4.9 4.9 0 0 0-2.969 1.781A2.99 2.99 0 0 1 5 14c0-1.668 1.332-3 3-3m14 8s-2 2.895-2 4s.895 2 2 2c.137 0 .277-.004.406-.031A2.01 2.01 0 0 0 24 23c0-1.105-2-4-2-4m-6 3s-.285.453-.625 1c-.125.2-.242.363-.375.594c-.18.312-.344.617-.5.937c-.078.16-.156.317-.219.469c-.164.387-.281.746-.281 1a1.999 1.999 0 1 0 4 0c0-.254-.117-.613-.281-1c-.016-.031-.016-.059-.032-.094c-.054-.12-.125-.25-.187-.375A18 18 0 0 0 16.625 23c-.34-.547-.625-1-.625-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M7 6v3.094a5 5 0 0 0-1.75.75L3.062 7.625L1.625 9.063l2.219 2.187a5 5 0 0 0-.75 1.75H0v2h3.094c.133.637.398 1.227.75 1.75l-2.219 2.188l1.438 1.437l2.187-2.219q.451.3.969.5C6.098 19.086 6 19.536 6 20c0 2.758 2.242 5 5 5h1.156c.18-.629.504-1.316.875-2H11c-1.652 0-3-1.348-3-3s1.348-3 3-3h1v-1c0-1.102.895-1.996 1.906-2l1 .063l.188-.844C15.469 11.359 17.102 10 19 10c1.605 0 3.055.96 3.688 2.438l.28.687l.907-.094c.043-.008.078-.031.125-.031c1.652 0 2.996 1.352 3 2.938l-.031.968l.781.188A2.996 2.996 0 0 1 30 20c0 1.652-1.348 3-3 3h-1c0 .73-.219 1.41-.563 2H27c2.758 0 5-2.242 5-5a4.99 4.99 0 0 0-3.031-4.594c-.282-2.418-2.313-4.308-4.782-4.406A5.97 5.97 0 0 0 19 8a6.04 6.04 0 0 0-5.688 4.063c-.23.039-.44.078-.656.156a5 5 0 0 0-.5-.969l2.219-2.188l-1.438-1.437l-2.187 2.219A5 5 0 0 0 9 9.094V6zm1 5a2.99 2.99 0 0 1 2.938 2.438a4.1 4.1 0 0 0-.844 1.656a4.9 4.9 0 0 0-2.969 1.781A2.99 2.99 0 0 1 5 14c0-1.668 1.332-3 3-3m14 8s-2 2.895-2 4s.895 2 2 2c.137 0 .277-.004.406-.031A2.01 2.01 0 0 0 24 23c0-1.105-2-4-2-4m-6 3s-.285.453-.625 1c-.125.2-.242.363-.375.594c-.18.312-.344.617-.5.937c-.078.16-.156.317-.219.469c-.164.387-.281.746-.281 1a1.999 1.999 0 1 0 4 0c0-.254-.117-.613-.281-1c-.016-.031-.016-.059-.032-.094c-.054-.12-.125-.25-.187-.375A18 18 0 0 0 16.625 23c-.34-.547-.625-1-.625-1"/></svg> </template>
CSS
.icon-cloud-sun-rain {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%206v3.094a5%205%200%200%200-1.75.75L3.062%207.625L1.625%209.063l2.219%202.187a5%205%200%200%200-.75%201.75H0v2h3.094c.133.637.398%201.227.75%201.75l-2.219%202.188l1.438%201.437l2.187-2.219q.451.3.969.5C6.098%2019.086%206%2019.536%206%2020c0%202.758%202.242%205%205%205h1.156c.18-.629.504-1.316.875-2H11c-1.652%200-3-1.348-3-3s1.348-3%203-3h1v-1c0-1.102.895-1.996%201.906-2l1%20.063l.188-.844C15.469%2011.359%2017.102%2010%2019%2010c1.605%200%203.055.96%203.688%202.438l.28.687l.907-.094c.043-.008.078-.031.125-.031c1.652%200%202.996%201.352%203%202.938l-.031.968l.781.188A2.996%202.996%200%200%201%2030%2020c0%201.652-1.348%203-3%203h-1c0%20.73-.219%201.41-.563%202H27c2.758%200%205-2.242%205-5a4.99%204.99%200%200%200-3.031-4.594c-.282-2.418-2.313-4.308-4.782-4.406A5.97%205.97%200%200%200%2019%208a6.04%206.04%200%200%200-5.688%204.063c-.23.039-.44.078-.656.156a5%205%200%200%200-.5-.969l2.219-2.188l-1.438-1.437l-2.187%202.219A5%205%200%200%200%209%209.094V6zm1%205a2.99%202.99%200%200%201%202.938%202.438a4.1%204.1%200%200%200-.844%201.656a4.9%204.9%200%200%200-2.969%201.781A2.99%202.99%200%200%201%205%2014c0-1.668%201.332-3%203-3m14%208s-2%202.895-2%204s.895%202%202%202c.137%200%20.277-.004.406-.031A2.01%202.01%200%200%200%2024%2023c0-1.105-2-4-2-4m-6%203s-.285.453-.625%201c-.125.2-.242.363-.375.594c-.18.312-.344.617-.5.937c-.078.16-.156.317-.219.469c-.164.387-.281.746-.281%201a1.999%201.999%200%201%200%204%200c0-.254-.117-.613-.281-1c-.016-.031-.016-.059-.032-.094c-.054-.12-.125-.25-.187-.375A18%2018%200%200%200%2016.625%2023c-.34-.547-.625-1-.625-1%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%206v3.094a5%205%200%200%200-1.75.75L3.062%207.625L1.625%209.063l2.219%202.187a5%205%200%200%200-.75%201.75H0v2h3.094c.133.637.398%201.227.75%201.75l-2.219%202.188l1.438%201.437l2.187-2.219q.451.3.969.5C6.098%2019.086%206%2019.536%206%2020c0%202.758%202.242%205%205%205h1.156c.18-.629.504-1.316.875-2H11c-1.652%200-3-1.348-3-3s1.348-3%203-3h1v-1c0-1.102.895-1.996%201.906-2l1%20.063l.188-.844C15.469%2011.359%2017.102%2010%2019%2010c1.605%200%203.055.96%203.688%202.438l.28.687l.907-.094c.043-.008.078-.031.125-.031c1.652%200%202.996%201.352%203%202.938l-.031.968l.781.188A2.996%202.996%200%200%201%2030%2020c0%201.652-1.348%203-3%203h-1c0%20.73-.219%201.41-.563%202H27c2.758%200%205-2.242%205-5a4.99%204.99%200%200%200-3.031-4.594c-.282-2.418-2.313-4.308-4.782-4.406A5.97%205.97%200%200%200%2019%208a6.04%206.04%200%200%200-5.688%204.063c-.23.039-.44.078-.656.156a5%205%200%200%200-.5-.969l2.219-2.188l-1.438-1.437l-2.187%202.219A5%205%200%200%200%209%209.094V6zm1%205a2.99%202.99%200%200%201%202.938%202.438a4.1%204.1%200%200%200-.844%201.656a4.9%204.9%200%200%200-2.969%201.781A2.99%202.99%200%200%201%205%2014c0-1.668%201.332-3%203-3m14%208s-2%202.895-2%204s.895%202%202%202c.137%200%20.277-.004.406-.031A2.01%202.01%200%200%200%2024%2023c0-1.105-2-4-2-4m-6%203s-.285.453-.625%201c-.125.2-.242.363-.375.594c-.18.312-.344.617-.5.937c-.078.16-.156.317-.219.469c-.164.387-.281.746-.281%201a1.999%201.999%200%201%200%204%200c0-.254-.117-.613-.281-1c-.016-.031-.016-.059-.032-.094c-.054-.12-.125-.25-.187-.375A18%2018%200%200%200%2016.625%2023c-.34-.547-.625-1-.625-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/cloud-sun-rain.svg?color=%231a73e8&size=48
