md cloudy night icon
md-cloudy-night from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-cloudy-night
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back
Use the md cloudy night icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M123.4 183c.4-.1.8-.1 1.2-.2-.5.1-.8.2-1.2.2z" fill="currentColor"/><path d="M341.5 303.4C330.7 247.7 282.2 206 224 206c-34 0-65.1 12-86.5 39.1 29.4 2.2 56.7 13.1 77.7 34.2 15.6 15.7 26.6 34.9 32.1 55.8h-28.7c-13.1-37.6-48-64.5-90.6-64.5-5.1 0-12.3.6-17.7 1.7-45.7 9.4-78.3 47.6-78.3 95 0 53.4 43 96.8 96 96.8h208c44.1 0 80-36.1 80-80.6-.1-42.7-32.9-77.2-74.5-80.1z" fill="currentColor"/><path d="M112.5 225.4c13.6-17.3 30.7-30.5 50.8-39.2 18.4-8 38.8-12 60.7-12 6.1 0 12.2.4 18.2 1.1-6.1-18.1-9.4-37.6-9.4-57.8 0-24.6 4.9-48.1 13.8-69.4C161.9 68.7 99 145.7 99 237.3c0 1.6 0 3.2.1 4.8.1 0 .2-.1.3-.1l13.1-16.6z" fill="currentColor"/><path d="M417.6 306.8c13.3 14.2 22.6 31.5 27.1 50.1 16.5-21.4 28.7-46.4 35.3-73.5-21.2 9-44.5 13.9-68.9 13.9h-3.6c3.5 2.9 6.9 6.1 10.1 9.5z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdCloudyNight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M123.4 183c.4-.1.8-.1 1.2-.2-.5.1-.8.2-1.2.2z" fill="currentColor"/><path d="M341.5 303.4C330.7 247.7 282.2 206 224 206c-34 0-65.1 12-86.5 39.1 29.4 2.2 56.7 13.1 77.7 34.2 15.6 15.7 26.6 34.9 32.1 55.8h-28.7c-13.1-37.6-48-64.5-90.6-64.5-5.1 0-12.3.6-17.7 1.7-45.7 9.4-78.3 47.6-78.3 95 0 53.4 43 96.8 96 96.8h208c44.1 0 80-36.1 80-80.6-.1-42.7-32.9-77.2-74.5-80.1z" fill="currentColor"/><path d="M112.5 225.4c13.6-17.3 30.7-30.5 50.8-39.2 18.4-8 38.8-12 60.7-12 6.1 0 12.2.4 18.2 1.1-6.1-18.1-9.4-37.6-9.4-57.8 0-24.6 4.9-48.1 13.8-69.4C161.9 68.7 99 145.7 99 237.3c0 1.6 0 3.2.1 4.8.1 0 .2-.1.3-.1l13.1-16.6z" fill="currentColor"/><path d="M417.6 306.8c13.3 14.2 22.6 31.5 27.1 50.1 16.5-21.4 28.7-46.4 35.3-73.5-21.2 9-44.5 13.9-68.9 13.9h-3.6c3.5 2.9 6.9 6.1 10.1 9.5z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M123.4 183c.4-.1.8-.1 1.2-.2-.5.1-.8.2-1.2.2z" fill="currentColor"/><path d="M341.5 303.4C330.7 247.7 282.2 206 224 206c-34 0-65.1 12-86.5 39.1 29.4 2.2 56.7 13.1 77.7 34.2 15.6 15.7 26.6 34.9 32.1 55.8h-28.7c-13.1-37.6-48-64.5-90.6-64.5-5.1 0-12.3.6-17.7 1.7-45.7 9.4-78.3 47.6-78.3 95 0 53.4 43 96.8 96 96.8h208c44.1 0 80-36.1 80-80.6-.1-42.7-32.9-77.2-74.5-80.1z" fill="currentColor"/><path d="M112.5 225.4c13.6-17.3 30.7-30.5 50.8-39.2 18.4-8 38.8-12 60.7-12 6.1 0 12.2.4 18.2 1.1-6.1-18.1-9.4-37.6-9.4-57.8 0-24.6 4.9-48.1 13.8-69.4C161.9 68.7 99 145.7 99 237.3c0 1.6 0 3.2.1 4.8.1 0 .2-.1.3-.1l13.1-16.6z" fill="currentColor"/><path d="M417.6 306.8c13.3 14.2 22.6 31.5 27.1 50.1 16.5-21.4 28.7-46.4 35.3-73.5-21.2 9-44.5 13.9-68.9 13.9h-3.6c3.5 2.9 6.9 6.1 10.1 9.5z" fill="currentColor"/></svg> </template>
CSS
.icon-md-cloudy-night {
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%20512%20512%22%3E%3Cpath%20d%3D%22M123.4%20183c.4-.1.8-.1%201.2-.2-.5.1-.8.2-1.2.2z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M341.5%20303.4C330.7%20247.7%20282.2%20206%20224%20206c-34%200-65.1%2012-86.5%2039.1%2029.4%202.2%2056.7%2013.1%2077.7%2034.2%2015.6%2015.7%2026.6%2034.9%2032.1%2055.8h-28.7c-13.1-37.6-48-64.5-90.6-64.5-5.1%200-12.3.6-17.7%201.7-45.7%209.4-78.3%2047.6-78.3%2095%200%2053.4%2043%2096.8%2096%2096.8h208c44.1%200%2080-36.1%2080-80.6-.1-42.7-32.9-77.2-74.5-80.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M112.5%20225.4c13.6-17.3%2030.7-30.5%2050.8-39.2%2018.4-8%2038.8-12%2060.7-12%206.1%200%2012.2.4%2018.2%201.1-6.1-18.1-9.4-37.6-9.4-57.8%200-24.6%204.9-48.1%2013.8-69.4C161.9%2068.7%2099%20145.7%2099%20237.3c0%201.6%200%203.2.1%204.8.1%200%20.2-.1.3-.1l13.1-16.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M417.6%20306.8c13.3%2014.2%2022.6%2031.5%2027.1%2050.1%2016.5-21.4%2028.7-46.4%2035.3-73.5-21.2%209-44.5%2013.9-68.9%2013.9h-3.6c3.5%202.9%206.9%206.1%2010.1%209.5z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M123.4%20183c.4-.1.8-.1%201.2-.2-.5.1-.8.2-1.2.2z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M341.5%20303.4C330.7%20247.7%20282.2%20206%20224%20206c-34%200-65.1%2012-86.5%2039.1%2029.4%202.2%2056.7%2013.1%2077.7%2034.2%2015.6%2015.7%2026.6%2034.9%2032.1%2055.8h-28.7c-13.1-37.6-48-64.5-90.6-64.5-5.1%200-12.3.6-17.7%201.7-45.7%209.4-78.3%2047.6-78.3%2095%200%2053.4%2043%2096.8%2096%2096.8h208c44.1%200%2080-36.1%2080-80.6-.1-42.7-32.9-77.2-74.5-80.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M112.5%20225.4c13.6-17.3%2030.7-30.5%2050.8-39.2%2018.4-8%2038.8-12%2060.7-12%206.1%200%2012.2.4%2018.2%201.1-6.1-18.1-9.4-37.6-9.4-57.8%200-24.6%204.9-48.1%2013.8-69.4C161.9%2068.7%2099%20145.7%2099%20237.3c0%201.6%200%203.2.1%204.8.1%200%20.2-.1.3-.1l13.1-16.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M417.6%20306.8c13.3%2014.2%2022.6%2031.5%2027.1%2050.1%2016.5-21.4%2028.7-46.4%2035.3-73.5-21.2%209-44.5%2013.9-68.9%2013.9h-3.6c3.5%202.9%206.9%206.1%2010.1%209.5z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-cloudy-night.svg?color=%231a73e8&size=48
