ios cloudy night icon

ios-cloudy-night from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
ios-cloudy-night
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

1 other variant in IonIcons

ios-cloudy-night-outline

Related icons in IonIcons

ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward

Use the ios cloudy night icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M277.8 294.8c-.5 0-1.1-.1-1.6-.1-2.6 0-5.2 0-7.8.3-9.3-40.8-45.9-71.5-89.7-71.5-50.8 0-91.9 40.9-91.9 91.4 0 3.1.2 6.1.5 9.1-31 2.7-55.3 30.1-55.3 61.6C32 419 58.8 448 92.3 448h185.5c41.9 0 75.8-34.7 75.8-76.3 0-41.6-33.9-76.9-75.8-76.9z" fill="currentColor"/><path d="M452.1 305.4c-2.5.1-5 .2-7.6.2-41.7 0-80.8-15.7-110.3-44.3-29.5-28.5-45.7-66.5-45.7-106.8 0-23 5.3-45.2 15.2-65.3L315.4 70c1.7-2.9-.8-6.5-4.1-6-7.6 1.2-15.7 4-23.2 6.3-59.5 18.2-104.4 68.1-113.7 129.3 1.4-.1 2.9-.1 4.3-.1 26.5 0 52.4 9.2 73 25.9 15.1 12.2 26.9 28 34.2 45.7 23.7 2 45.7 12.4 62.7 29.8 18.7 19.1 29 44.2 29 70.7 0 2.3-.1 4.6-.2 6.8 34.2-8.1 64.3-26.6 86.4-51.8 4.8-5.5 11.3-12.8 15.3-18.5 2-2.8-.3-6.7-3.8-6.3-6.8 1-15.9 3.2-23.2 3.6z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonIosCloudyNight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M277.8 294.8c-.5 0-1.1-.1-1.6-.1-2.6 0-5.2 0-7.8.3-9.3-40.8-45.9-71.5-89.7-71.5-50.8 0-91.9 40.9-91.9 91.4 0 3.1.2 6.1.5 9.1-31 2.7-55.3 30.1-55.3 61.6C32 419 58.8 448 92.3 448h185.5c41.9 0 75.8-34.7 75.8-76.3 0-41.6-33.9-76.9-75.8-76.9z" fill="currentColor"/><path d="M452.1 305.4c-2.5.1-5 .2-7.6.2-41.7 0-80.8-15.7-110.3-44.3-29.5-28.5-45.7-66.5-45.7-106.8 0-23 5.3-45.2 15.2-65.3L315.4 70c1.7-2.9-.8-6.5-4.1-6-7.6 1.2-15.7 4-23.2 6.3-59.5 18.2-104.4 68.1-113.7 129.3 1.4-.1 2.9-.1 4.3-.1 26.5 0 52.4 9.2 73 25.9 15.1 12.2 26.9 28 34.2 45.7 23.7 2 45.7 12.4 62.7 29.8 18.7 19.1 29 44.2 29 70.7 0 2.3-.1 4.6-.2 6.8 34.2-8.1 64.3-26.6 86.4-51.8 4.8-5.5 11.3-12.8 15.3-18.5 2-2.8-.3-6.7-3.8-6.3-6.8 1-15.9 3.2-23.2 3.6z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M277.8 294.8c-.5 0-1.1-.1-1.6-.1-2.6 0-5.2 0-7.8.3-9.3-40.8-45.9-71.5-89.7-71.5-50.8 0-91.9 40.9-91.9 91.4 0 3.1.2 6.1.5 9.1-31 2.7-55.3 30.1-55.3 61.6C32 419 58.8 448 92.3 448h185.5c41.9 0 75.8-34.7 75.8-76.3 0-41.6-33.9-76.9-75.8-76.9z" fill="currentColor"/><path d="M452.1 305.4c-2.5.1-5 .2-7.6.2-41.7 0-80.8-15.7-110.3-44.3-29.5-28.5-45.7-66.5-45.7-106.8 0-23 5.3-45.2 15.2-65.3L315.4 70c1.7-2.9-.8-6.5-4.1-6-7.6 1.2-15.7 4-23.2 6.3-59.5 18.2-104.4 68.1-113.7 129.3 1.4-.1 2.9-.1 4.3-.1 26.5 0 52.4 9.2 73 25.9 15.1 12.2 26.9 28 34.2 45.7 23.7 2 45.7 12.4 62.7 29.8 18.7 19.1 29 44.2 29 70.7 0 2.3-.1 4.6-.2 6.8 34.2-8.1 64.3-26.6 86.4-51.8 4.8-5.5 11.3-12.8 15.3-18.5 2-2.8-.3-6.7-3.8-6.3-6.8 1-15.9 3.2-23.2 3.6z" fill="currentColor"/></svg>
</template>

CSS

.icon-ios-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%22M277.8%20294.8c-.5%200-1.1-.1-1.6-.1-2.6%200-5.2%200-7.8.3-9.3-40.8-45.9-71.5-89.7-71.5-50.8%200-91.9%2040.9-91.9%2091.4%200%203.1.2%206.1.5%209.1-31%202.7-55.3%2030.1-55.3%2061.6C32%20419%2058.8%20448%2092.3%20448h185.5c41.9%200%2075.8-34.7%2075.8-76.3%200-41.6-33.9-76.9-75.8-76.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M452.1%20305.4c-2.5.1-5%20.2-7.6.2-41.7%200-80.8-15.7-110.3-44.3-29.5-28.5-45.7-66.5-45.7-106.8%200-23%205.3-45.2%2015.2-65.3L315.4%2070c1.7-2.9-.8-6.5-4.1-6-7.6%201.2-15.7%204-23.2%206.3-59.5%2018.2-104.4%2068.1-113.7%20129.3%201.4-.1%202.9-.1%204.3-.1%2026.5%200%2052.4%209.2%2073%2025.9%2015.1%2012.2%2026.9%2028%2034.2%2045.7%2023.7%202%2045.7%2012.4%2062.7%2029.8%2018.7%2019.1%2029%2044.2%2029%2070.7%200%202.3-.1%204.6-.2%206.8%2034.2-8.1%2064.3-26.6%2086.4-51.8%204.8-5.5%2011.3-12.8%2015.3-18.5%202-2.8-.3-6.7-3.8-6.3-6.8%201-15.9%203.2-23.2%203.6z%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%22M277.8%20294.8c-.5%200-1.1-.1-1.6-.1-2.6%200-5.2%200-7.8.3-9.3-40.8-45.9-71.5-89.7-71.5-50.8%200-91.9%2040.9-91.9%2091.4%200%203.1.2%206.1.5%209.1-31%202.7-55.3%2030.1-55.3%2061.6C32%20419%2058.8%20448%2092.3%20448h185.5c41.9%200%2075.8-34.7%2075.8-76.3%200-41.6-33.9-76.9-75.8-76.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M452.1%20305.4c-2.5.1-5%20.2-7.6.2-41.7%200-80.8-15.7-110.3-44.3-29.5-28.5-45.7-66.5-45.7-106.8%200-23%205.3-45.2%2015.2-65.3L315.4%2070c1.7-2.9-.8-6.5-4.1-6-7.6%201.2-15.7%204-23.2%206.3-59.5%2018.2-104.4%2068.1-113.7%20129.3%201.4-.1%202.9-.1%204.3-.1%2026.5%200%2052.4%209.2%2073%2025.9%2015.1%2012.2%2026.9%2028%2034.2%2045.7%2023.7%202%2045.7%2012.4%2062.7%2029.8%2018.7%2019.1%2029%2044.2%2029%2070.7%200%202.3-.1%204.6-.2%206.8%2034.2-8.1%2064.3-26.6%2086.4-51.8%204.8-5.5%2011.3-12.8%2015.3-18.5%202-2.8-.3-6.7-3.8-6.3-6.8%201-15.9%203.2-23.2%203.6z%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/ios-cloudy-night.svg?color=%231a73e8&size=48

Ios Cloudy Night icon — IonIcons · IconsDB