ios partly sunny icon
ios-partly-sunny from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-partly-sunny
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
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 partly sunny icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M168.2 64h-.3c-8.7 0-15.8 7.1-15.8 15.8v30.3c0 8.7 7.1 15.8 15.8 15.8h.3c8.7 0 15.8-7.1 15.8-15.8V79.8c0-8.7-7.1-15.8-15.8-15.8z" fill="currentColor"/><path d="M79 216.2v-.3c0-8.7-7.1-15.8-15.8-15.8H31.8c-8.7 0-15.8 7.1-15.8 15.8v.3c0 8.7 7.1 15.8 15.8 15.8h31.3c8.8 0 15.9-7.1 15.9-15.8z" fill="currentColor"/><path d="M79.7 149c3 3 7 4.7 11.2 4.7 4.2 0 8.2-1.7 11.2-4.7 6.1-6.2 6.1-16.2 0-22.3l-20.3-20.5c-3-3-7-4.7-11.2-4.7-4.2 0-8.2 1.7-11.2 4.7-6.1 6.2-6.1 16.2 0 22.3L79.7 149z" fill="currentColor"/><path d="M271 105.2c-3-3-7-4.7-11.2-4.7-4.2 0-8.2 1.7-11.2 4.7l-20.3 20.4c-6.1 6.2-6.1 16.2 0 22.3l.3.3h.1c2.9 2.8 6.8 4.3 10.8 4.3 4.2 0 8.2-1.7 11.2-4.7l20.3-20.4c6.1-6 6.1-16 0-22.2z" fill="currentColor"/><path d="M92.9 273.3c-4.2 0-8.2 1.7-11.2 4.7l-20.3 20.5c-6.1 6.2-6.1 16.2 0 22.3 3 3 7 4.7 11.2 4.7 4.2 0 8.2-1.7 11.2-4.7l20.3-20.5c6.1-6.2 6.1-16.2 0-22.3-3-3-7-4.7-11.2-4.7z" fill="currentColor"/><path d="M403.3 259.2h-2.4c-3.1 0-6.1 0-9 .4-11.3-50.3-56.1-88.2-109.7-88.2-14.6 0-28.6 2.8-41.4 7.9-5.1 2-10 4.4-14.7 7.1-32 18.5-54.1 52.4-56.2 91.6-.1 2.1-.2 4.1-.2 6.2 0 3.4.2 6.8.5 10.1 0 .4.1.8.1 1.1-37.9 3.4-67.6 37.1-67.6 76 0 41.1 33.3 76.7 74.3 76.7h226.4c51.2 0 92.7-43.4 92.7-94.8-.1-51.4-41.6-94.1-92.8-94.1z" fill="currentColor"/><path d="M150.7 283.6v-.3c-.3-3.4-.5-6.8-.5-10.2 0-2.1.1-4.2.2-6.3 2.2-39.9 24.6-74.3 57.2-93.1 4.8-2.8 9.8-5.2 14.9-7.2h.1c-13.4-17-34.2-28-57.6-28-40.5 0-73.3 32.8-73.3 73.3 0 35.5 25.3 65.1 59 71.8z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosPartlySunny(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M168.2 64h-.3c-8.7 0-15.8 7.1-15.8 15.8v30.3c0 8.7 7.1 15.8 15.8 15.8h.3c8.7 0 15.8-7.1 15.8-15.8V79.8c0-8.7-7.1-15.8-15.8-15.8z" fill="currentColor"/><path d="M79 216.2v-.3c0-8.7-7.1-15.8-15.8-15.8H31.8c-8.7 0-15.8 7.1-15.8 15.8v.3c0 8.7 7.1 15.8 15.8 15.8h31.3c8.8 0 15.9-7.1 15.9-15.8z" fill="currentColor"/><path d="M79.7 149c3 3 7 4.7 11.2 4.7 4.2 0 8.2-1.7 11.2-4.7 6.1-6.2 6.1-16.2 0-22.3l-20.3-20.5c-3-3-7-4.7-11.2-4.7-4.2 0-8.2 1.7-11.2 4.7-6.1 6.2-6.1 16.2 0 22.3L79.7 149z" fill="currentColor"/><path d="M271 105.2c-3-3-7-4.7-11.2-4.7-4.2 0-8.2 1.7-11.2 4.7l-20.3 20.4c-6.1 6.2-6.1 16.2 0 22.3l.3.3h.1c2.9 2.8 6.8 4.3 10.8 4.3 4.2 0 8.2-1.7 11.2-4.7l20.3-20.4c6.1-6 6.1-16 0-22.2z" fill="currentColor"/><path d="M92.9 273.3c-4.2 0-8.2 1.7-11.2 4.7l-20.3 20.5c-6.1 6.2-6.1 16.2 0 22.3 3 3 7 4.7 11.2 4.7 4.2 0 8.2-1.7 11.2-4.7l20.3-20.5c6.1-6.2 6.1-16.2 0-22.3-3-3-7-4.7-11.2-4.7z" fill="currentColor"/><path d="M403.3 259.2h-2.4c-3.1 0-6.1 0-9 .4-11.3-50.3-56.1-88.2-109.7-88.2-14.6 0-28.6 2.8-41.4 7.9-5.1 2-10 4.4-14.7 7.1-32 18.5-54.1 52.4-56.2 91.6-.1 2.1-.2 4.1-.2 6.2 0 3.4.2 6.8.5 10.1 0 .4.1.8.1 1.1-37.9 3.4-67.6 37.1-67.6 76 0 41.1 33.3 76.7 74.3 76.7h226.4c51.2 0 92.7-43.4 92.7-94.8-.1-51.4-41.6-94.1-92.8-94.1z" fill="currentColor"/><path d="M150.7 283.6v-.3c-.3-3.4-.5-6.8-.5-10.2 0-2.1.1-4.2.2-6.3 2.2-39.9 24.6-74.3 57.2-93.1 4.8-2.8 9.8-5.2 14.9-7.2h.1c-13.4-17-34.2-28-57.6-28-40.5 0-73.3 32.8-73.3 73.3 0 35.5 25.3 65.1 59 71.8z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M168.2 64h-.3c-8.7 0-15.8 7.1-15.8 15.8v30.3c0 8.7 7.1 15.8 15.8 15.8h.3c8.7 0 15.8-7.1 15.8-15.8V79.8c0-8.7-7.1-15.8-15.8-15.8z" fill="currentColor"/><path d="M79 216.2v-.3c0-8.7-7.1-15.8-15.8-15.8H31.8c-8.7 0-15.8 7.1-15.8 15.8v.3c0 8.7 7.1 15.8 15.8 15.8h31.3c8.8 0 15.9-7.1 15.9-15.8z" fill="currentColor"/><path d="M79.7 149c3 3 7 4.7 11.2 4.7 4.2 0 8.2-1.7 11.2-4.7 6.1-6.2 6.1-16.2 0-22.3l-20.3-20.5c-3-3-7-4.7-11.2-4.7-4.2 0-8.2 1.7-11.2 4.7-6.1 6.2-6.1 16.2 0 22.3L79.7 149z" fill="currentColor"/><path d="M271 105.2c-3-3-7-4.7-11.2-4.7-4.2 0-8.2 1.7-11.2 4.7l-20.3 20.4c-6.1 6.2-6.1 16.2 0 22.3l.3.3h.1c2.9 2.8 6.8 4.3 10.8 4.3 4.2 0 8.2-1.7 11.2-4.7l20.3-20.4c6.1-6 6.1-16 0-22.2z" fill="currentColor"/><path d="M92.9 273.3c-4.2 0-8.2 1.7-11.2 4.7l-20.3 20.5c-6.1 6.2-6.1 16.2 0 22.3 3 3 7 4.7 11.2 4.7 4.2 0 8.2-1.7 11.2-4.7l20.3-20.5c6.1-6.2 6.1-16.2 0-22.3-3-3-7-4.7-11.2-4.7z" fill="currentColor"/><path d="M403.3 259.2h-2.4c-3.1 0-6.1 0-9 .4-11.3-50.3-56.1-88.2-109.7-88.2-14.6 0-28.6 2.8-41.4 7.9-5.1 2-10 4.4-14.7 7.1-32 18.5-54.1 52.4-56.2 91.6-.1 2.1-.2 4.1-.2 6.2 0 3.4.2 6.8.5 10.1 0 .4.1.8.1 1.1-37.9 3.4-67.6 37.1-67.6 76 0 41.1 33.3 76.7 74.3 76.7h226.4c51.2 0 92.7-43.4 92.7-94.8-.1-51.4-41.6-94.1-92.8-94.1z" fill="currentColor"/><path d="M150.7 283.6v-.3c-.3-3.4-.5-6.8-.5-10.2 0-2.1.1-4.2.2-6.3 2.2-39.9 24.6-74.3 57.2-93.1 4.8-2.8 9.8-5.2 14.9-7.2h.1c-13.4-17-34.2-28-57.6-28-40.5 0-73.3 32.8-73.3 73.3 0 35.5 25.3 65.1 59 71.8z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-partly-sunny {
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%22M168.2%2064h-.3c-8.7%200-15.8%207.1-15.8%2015.8v30.3c0%208.7%207.1%2015.8%2015.8%2015.8h.3c8.7%200%2015.8-7.1%2015.8-15.8V79.8c0-8.7-7.1-15.8-15.8-15.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M79%20216.2v-.3c0-8.7-7.1-15.8-15.8-15.8H31.8c-8.7%200-15.8%207.1-15.8%2015.8v.3c0%208.7%207.1%2015.8%2015.8%2015.8h31.3c8.8%200%2015.9-7.1%2015.9-15.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M79.7%20149c3%203%207%204.7%2011.2%204.7%204.2%200%208.2-1.7%2011.2-4.7%206.1-6.2%206.1-16.2%200-22.3l-20.3-20.5c-3-3-7-4.7-11.2-4.7-4.2%200-8.2%201.7-11.2%204.7-6.1%206.2-6.1%2016.2%200%2022.3L79.7%20149z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M271%20105.2c-3-3-7-4.7-11.2-4.7-4.2%200-8.2%201.7-11.2%204.7l-20.3%2020.4c-6.1%206.2-6.1%2016.2%200%2022.3l.3.3h.1c2.9%202.8%206.8%204.3%2010.8%204.3%204.2%200%208.2-1.7%2011.2-4.7l20.3-20.4c6.1-6%206.1-16%200-22.2z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M92.9%20273.3c-4.2%200-8.2%201.7-11.2%204.7l-20.3%2020.5c-6.1%206.2-6.1%2016.2%200%2022.3%203%203%207%204.7%2011.2%204.7%204.2%200%208.2-1.7%2011.2-4.7l20.3-20.5c6.1-6.2%206.1-16.2%200-22.3-3-3-7-4.7-11.2-4.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M403.3%20259.2h-2.4c-3.1%200-6.1%200-9%20.4-11.3-50.3-56.1-88.2-109.7-88.2-14.6%200-28.6%202.8-41.4%207.9-5.1%202-10%204.4-14.7%207.1-32%2018.5-54.1%2052.4-56.2%2091.6-.1%202.1-.2%204.1-.2%206.2%200%203.4.2%206.8.5%2010.1%200%20.4.1.8.1%201.1-37.9%203.4-67.6%2037.1-67.6%2076%200%2041.1%2033.3%2076.7%2074.3%2076.7h226.4c51.2%200%2092.7-43.4%2092.7-94.8-.1-51.4-41.6-94.1-92.8-94.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M150.7%20283.6v-.3c-.3-3.4-.5-6.8-.5-10.2%200-2.1.1-4.2.2-6.3%202.2-39.9%2024.6-74.3%2057.2-93.1%204.8-2.8%209.8-5.2%2014.9-7.2h.1c-13.4-17-34.2-28-57.6-28-40.5%200-73.3%2032.8-73.3%2073.3%200%2035.5%2025.3%2065.1%2059%2071.8z%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%22M168.2%2064h-.3c-8.7%200-15.8%207.1-15.8%2015.8v30.3c0%208.7%207.1%2015.8%2015.8%2015.8h.3c8.7%200%2015.8-7.1%2015.8-15.8V79.8c0-8.7-7.1-15.8-15.8-15.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M79%20216.2v-.3c0-8.7-7.1-15.8-15.8-15.8H31.8c-8.7%200-15.8%207.1-15.8%2015.8v.3c0%208.7%207.1%2015.8%2015.8%2015.8h31.3c8.8%200%2015.9-7.1%2015.9-15.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M79.7%20149c3%203%207%204.7%2011.2%204.7%204.2%200%208.2-1.7%2011.2-4.7%206.1-6.2%206.1-16.2%200-22.3l-20.3-20.5c-3-3-7-4.7-11.2-4.7-4.2%200-8.2%201.7-11.2%204.7-6.1%206.2-6.1%2016.2%200%2022.3L79.7%20149z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M271%20105.2c-3-3-7-4.7-11.2-4.7-4.2%200-8.2%201.7-11.2%204.7l-20.3%2020.4c-6.1%206.2-6.1%2016.2%200%2022.3l.3.3h.1c2.9%202.8%206.8%204.3%2010.8%204.3%204.2%200%208.2-1.7%2011.2-4.7l20.3-20.4c6.1-6%206.1-16%200-22.2z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M92.9%20273.3c-4.2%200-8.2%201.7-11.2%204.7l-20.3%2020.5c-6.1%206.2-6.1%2016.2%200%2022.3%203%203%207%204.7%2011.2%204.7%204.2%200%208.2-1.7%2011.2-4.7l20.3-20.5c6.1-6.2%206.1-16.2%200-22.3-3-3-7-4.7-11.2-4.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M403.3%20259.2h-2.4c-3.1%200-6.1%200-9%20.4-11.3-50.3-56.1-88.2-109.7-88.2-14.6%200-28.6%202.8-41.4%207.9-5.1%202-10%204.4-14.7%207.1-32%2018.5-54.1%2052.4-56.2%2091.6-.1%202.1-.2%204.1-.2%206.2%200%203.4.2%206.8.5%2010.1%200%20.4.1.8.1%201.1-37.9%203.4-67.6%2037.1-67.6%2076%200%2041.1%2033.3%2076.7%2074.3%2076.7h226.4c51.2%200%2092.7-43.4%2092.7-94.8-.1-51.4-41.6-94.1-92.8-94.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M150.7%20283.6v-.3c-.3-3.4-.5-6.8-.5-10.2%200-2.1.1-4.2.2-6.3%202.2-39.9%2024.6-74.3%2057.2-93.1%204.8-2.8%209.8-5.2%2014.9-7.2h.1c-13.4-17-34.2-28-57.6-28-40.5%200-73.3%2032.8-73.3%2073.3%200%2035.5%2025.3%2065.1%2059%2071.8z%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-partly-sunny.svg?color=%231a73e8&size=48
