ios partlysunny icon
ios-partlysunny from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-partlysunny
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
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 partlysunny icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M208 96h16v54h-16z" fill="currentColor"/><path d="M64 240h55v16H64z" fill="currentColor"/><path d="M107.5 149.1l11-11.1 31.4 31.6-11 11.1z" fill="currentColor"/><path d="M287.4 179.7l-11-11.1 31.3-31.6 11.1 11.1z" fill="currentColor"/><path d="M120.5 352.5l-11-11.1 31.4-31.6 11 11.1z" fill="currentColor"/><path d="M299 224c-43.3 0-78.3 35.2-78.3 78.5 0 2.6.1 5.2.4 7.8-26.4 2.3-47.1 25.5-47.1 52.6 0 28.6 23.2 53.1 51.7 53.1h157.7c35.7 0 64.6-29.9 64.6-65.7 0-35.8-28.9-65.3-64.6-65.3-2.7 0-5.4 0-8 .3-7.9-35-39.1-61.3-76.4-61.3z" fill="currentColor"/><path d="M264.7 196.3c-12.9-14.3-31.4-23.3-52-23.3-38.7 0-70.3 31.7-70.3 70.7 0 27.4 15.6 51.2 38.3 62.9v-.1l.1.1c4.5-12.1 11.4-19.8 22.6-25.6.2-.1.4-.2.7-.4.2-.1.5-.2.7-.3-.2-2.3-.3-4.7-.3-7-.3-31.9 30.2-70.5 61-75.4.1-.1.3-.1.4-.2-.4-.4-.8-.9-1.2-1.4z" 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="M208 96h16v54h-16z" fill="currentColor"/><path d="M64 240h55v16H64z" fill="currentColor"/><path d="M107.5 149.1l11-11.1 31.4 31.6-11 11.1z" fill="currentColor"/><path d="M287.4 179.7l-11-11.1 31.3-31.6 11.1 11.1z" fill="currentColor"/><path d="M120.5 352.5l-11-11.1 31.4-31.6 11 11.1z" fill="currentColor"/><path d="M299 224c-43.3 0-78.3 35.2-78.3 78.5 0 2.6.1 5.2.4 7.8-26.4 2.3-47.1 25.5-47.1 52.6 0 28.6 23.2 53.1 51.7 53.1h157.7c35.7 0 64.6-29.9 64.6-65.7 0-35.8-28.9-65.3-64.6-65.3-2.7 0-5.4 0-8 .3-7.9-35-39.1-61.3-76.4-61.3z" fill="currentColor"/><path d="M264.7 196.3c-12.9-14.3-31.4-23.3-52-23.3-38.7 0-70.3 31.7-70.3 70.7 0 27.4 15.6 51.2 38.3 62.9v-.1l.1.1c4.5-12.1 11.4-19.8 22.6-25.6.2-.1.4-.2.7-.4.2-.1.5-.2.7-.3-.2-2.3-.3-4.7-.3-7-.3-31.9 30.2-70.5 61-75.4.1-.1.3-.1.4-.2-.4-.4-.8-.9-1.2-1.4z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M208 96h16v54h-16z" fill="currentColor"/><path d="M64 240h55v16H64z" fill="currentColor"/><path d="M107.5 149.1l11-11.1 31.4 31.6-11 11.1z" fill="currentColor"/><path d="M287.4 179.7l-11-11.1 31.3-31.6 11.1 11.1z" fill="currentColor"/><path d="M120.5 352.5l-11-11.1 31.4-31.6 11 11.1z" fill="currentColor"/><path d="M299 224c-43.3 0-78.3 35.2-78.3 78.5 0 2.6.1 5.2.4 7.8-26.4 2.3-47.1 25.5-47.1 52.6 0 28.6 23.2 53.1 51.7 53.1h157.7c35.7 0 64.6-29.9 64.6-65.7 0-35.8-28.9-65.3-64.6-65.3-2.7 0-5.4 0-8 .3-7.9-35-39.1-61.3-76.4-61.3z" fill="currentColor"/><path d="M264.7 196.3c-12.9-14.3-31.4-23.3-52-23.3-38.7 0-70.3 31.7-70.3 70.7 0 27.4 15.6 51.2 38.3 62.9v-.1l.1.1c4.5-12.1 11.4-19.8 22.6-25.6.2-.1.4-.2.7-.4.2-.1.5-.2.7-.3-.2-2.3-.3-4.7-.3-7-.3-31.9 30.2-70.5 61-75.4.1-.1.3-.1.4-.2-.4-.4-.8-.9-1.2-1.4z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-partlysunny {
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%22M208%2096h16v54h-16z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M64%20240h55v16H64z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M107.5%20149.1l11-11.1%2031.4%2031.6-11%2011.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M287.4%20179.7l-11-11.1%2031.3-31.6%2011.1%2011.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M120.5%20352.5l-11-11.1%2031.4-31.6%2011%2011.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M299%20224c-43.3%200-78.3%2035.2-78.3%2078.5%200%202.6.1%205.2.4%207.8-26.4%202.3-47.1%2025.5-47.1%2052.6%200%2028.6%2023.2%2053.1%2051.7%2053.1h157.7c35.7%200%2064.6-29.9%2064.6-65.7%200-35.8-28.9-65.3-64.6-65.3-2.7%200-5.4%200-8%20.3-7.9-35-39.1-61.3-76.4-61.3z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M264.7%20196.3c-12.9-14.3-31.4-23.3-52-23.3-38.7%200-70.3%2031.7-70.3%2070.7%200%2027.4%2015.6%2051.2%2038.3%2062.9v-.1l.1.1c4.5-12.1%2011.4-19.8%2022.6-25.6.2-.1.4-.2.7-.4.2-.1.5-.2.7-.3-.2-2.3-.3-4.7-.3-7-.3-31.9%2030.2-70.5%2061-75.4.1-.1.3-.1.4-.2-.4-.4-.8-.9-1.2-1.4z%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%22M208%2096h16v54h-16z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M64%20240h55v16H64z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M107.5%20149.1l11-11.1%2031.4%2031.6-11%2011.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M287.4%20179.7l-11-11.1%2031.3-31.6%2011.1%2011.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M120.5%20352.5l-11-11.1%2031.4-31.6%2011%2011.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M299%20224c-43.3%200-78.3%2035.2-78.3%2078.5%200%202.6.1%205.2.4%207.8-26.4%202.3-47.1%2025.5-47.1%2052.6%200%2028.6%2023.2%2053.1%2051.7%2053.1h157.7c35.7%200%2064.6-29.9%2064.6-65.7%200-35.8-28.9-65.3-64.6-65.3-2.7%200-5.4%200-8%20.3-7.9-35-39.1-61.3-76.4-61.3z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M264.7%20196.3c-12.9-14.3-31.4-23.3-52-23.3-38.7%200-70.3%2031.7-70.3%2070.7%200%2027.4%2015.6%2051.2%2038.3%2062.9v-.1l.1.1c4.5-12.1%2011.4-19.8%2022.6-25.6.2-.1.4-.2.7-.4.2-.1.5-.2.7-.3-.2-2.3-.3-4.7-.3-7-.3-31.9%2030.2-70.5%2061-75.4.1-.1.3-.1.4-.2-.4-.4-.8-.9-1.2-1.4z%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-partlysunny.svg?color=%231a73e8&size=48
