partly sunny icon

partly-sunny from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: partly-sunny
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

Use the partly sunny icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-26.66 10.08-49.8 29.14-66.91c15.24-13.68 36.17-23.21 59-26.84c.06 0 .08 0 .09-.05c6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 0 1 232 160c30.23 0 58.48 9.39 81.71 27.17a142.24 142.24 0 0 1 42.19 53.21a16 16 0 0 0 11.19 9c26 5.61 48.4 17.29 65.17 34C453 304.11 464 331.71 464 363.2c0 32.85-13.13 62.87-37 84.52c-22.89 20.82-53.8 32.28-87 32.28m47.89-258.32a168.8 168.8 0 0 1 34.76 14.71a4 4 0 0 0 5.82-2.44a97 97 0 0 0 3.53-26.68c-.39-52.43-43.48-95.22-95.91-95.27A95.46 95.46 0 0 0 281 129.33h-.06a3.38 3.38 0 0 0 1 6a162.5 162.5 0 0 1 51.28 26.4a173.9 173.9 0 0 1 45.32 52.51a16 16 0 0 0 9.35 7.44M496 224h-32a16 16 0 0 1 0-32h32a16 16 0 0 1 0 32M336 96a16 16 0 0 1-16-16V48a16 16 0 0 1 32 0v32a16 16 0 0 1-16 16m-90.51 37.49a15.92 15.92 0 0 1-11.31-4.69l-22.63-22.62a16 16 0 0 1 22.63-22.63l22.62 22.63a16 16 0 0 1-11.31 27.31m181.02 0a16 16 0 0 1-11.31-27.31l22.62-22.63a16 16 0 0 1 22.63 22.63l-22.63 22.62a15.92 15.92 0 0 1-11.31 4.69"/></svg>

React

import type { SVGProps } from "react";

export function IonPartlySunny(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-26.66 10.08-49.8 29.14-66.91c15.24-13.68 36.17-23.21 59-26.84c.06 0 .08 0 .09-.05c6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 0 1 232 160c30.23 0 58.48 9.39 81.71 27.17a142.24 142.24 0 0 1 42.19 53.21a16 16 0 0 0 11.19 9c26 5.61 48.4 17.29 65.17 34C453 304.11 464 331.71 464 363.2c0 32.85-13.13 62.87-37 84.52c-22.89 20.82-53.8 32.28-87 32.28m47.89-258.32a168.8 168.8 0 0 1 34.76 14.71a4 4 0 0 0 5.82-2.44a97 97 0 0 0 3.53-26.68c-.39-52.43-43.48-95.22-95.91-95.27A95.46 95.46 0 0 0 281 129.33h-.06a3.38 3.38 0 0 0 1 6a162.5 162.5 0 0 1 51.28 26.4a173.9 173.9 0 0 1 45.32 52.51a16 16 0 0 0 9.35 7.44M496 224h-32a16 16 0 0 1 0-32h32a16 16 0 0 1 0 32M336 96a16 16 0 0 1-16-16V48a16 16 0 0 1 32 0v32a16 16 0 0 1-16 16m-90.51 37.49a15.92 15.92 0 0 1-11.31-4.69l-22.63-22.62a16 16 0 0 1 22.63-22.63l22.62 22.63a16 16 0 0 1-11.31 27.31m181.02 0a16 16 0 0 1-11.31-27.31l22.62-22.63a16 16 0 0 1 22.63 22.63l-22.63 22.62a15.92 15.92 0 0 1-11.31 4.69"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M340 480H106c-29.5 0-54.92-7.83-73.53-22.64C11.23 440.44 0 415.35 0 384.8c0-26.66 10.08-49.8 29.14-66.91c15.24-13.68 36.17-23.21 59-26.84c.06 0 .08 0 .09-.05c6.44-39 23.83-72.09 50.31-95.68A140.24 140.24 0 0 1 232 160c30.23 0 58.48 9.39 81.71 27.17a142.24 142.24 0 0 1 42.19 53.21a16 16 0 0 0 11.19 9c26 5.61 48.4 17.29 65.17 34C453 304.11 464 331.71 464 363.2c0 32.85-13.13 62.87-37 84.52c-22.89 20.82-53.8 32.28-87 32.28m47.89-258.32a168.8 168.8 0 0 1 34.76 14.71a4 4 0 0 0 5.82-2.44a97 97 0 0 0 3.53-26.68c-.39-52.43-43.48-95.22-95.91-95.27A95.46 95.46 0 0 0 281 129.33h-.06a3.38 3.38 0 0 0 1 6a162.5 162.5 0 0 1 51.28 26.4a173.9 173.9 0 0 1 45.32 52.51a16 16 0 0 0 9.35 7.44M496 224h-32a16 16 0 0 1 0-32h32a16 16 0 0 1 0 32M336 96a16 16 0 0 1-16-16V48a16 16 0 0 1 32 0v32a16 16 0 0 1-16 16m-90.51 37.49a15.92 15.92 0 0 1-11.31-4.69l-22.63-22.62a16 16 0 0 1 22.63-22.63l22.62 22.63a16 16 0 0 1-11.31 27.31m181.02 0a16 16 0 0 1-11.31-27.31l22.62-22.63a16 16 0 0 1 22.63 22.63l-22.63 22.62a15.92 15.92 0 0 1-11.31 4.69"/></svg>
</template>

CSS

.icon-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%20fill%3D%22currentColor%22%20d%3D%22M340%20480H106c-29.5%200-54.92-7.83-73.53-22.64C11.23%20440.44%200%20415.35%200%20384.8c0-26.66%2010.08-49.8%2029.14-66.91c15.24-13.68%2036.17-23.21%2059-26.84c.06%200%20.08%200%20.09-.05c6.44-39%2023.83-72.09%2050.31-95.68A140.24%20140.24%200%200%201%20232%20160c30.23%200%2058.48%209.39%2081.71%2027.17a142.24%20142.24%200%200%201%2042.19%2053.21a16%2016%200%200%200%2011.19%209c26%205.61%2048.4%2017.29%2065.17%2034C453%20304.11%20464%20331.71%20464%20363.2c0%2032.85-13.13%2062.87-37%2084.52c-22.89%2020.82-53.8%2032.28-87%2032.28m47.89-258.32a168.8%20168.8%200%200%201%2034.76%2014.71a4%204%200%200%200%205.82-2.44a97%2097%200%200%200%203.53-26.68c-.39-52.43-43.48-95.22-95.91-95.27A95.46%2095.46%200%200%200%20281%20129.33h-.06a3.38%203.38%200%200%200%201%206a162.5%20162.5%200%200%201%2051.28%2026.4a173.9%20173.9%200%200%201%2045.32%2052.51a16%2016%200%200%200%209.35%207.44M496%20224h-32a16%2016%200%200%201%200-32h32a16%2016%200%200%201%200%2032M336%2096a16%2016%200%200%201-16-16V48a16%2016%200%200%201%2032%200v32a16%2016%200%200%201-16%2016m-90.51%2037.49a15.92%2015.92%200%200%201-11.31-4.69l-22.63-22.62a16%2016%200%200%201%2022.63-22.63l22.62%2022.63a16%2016%200%200%201-11.31%2027.31m181.02%200a16%2016%200%200%201-11.31-27.31l22.62-22.63a16%2016%200%200%201%2022.63%2022.63l-22.63%2022.62a15.92%2015.92%200%200%201-11.31%204.69%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%20fill%3D%22currentColor%22%20d%3D%22M340%20480H106c-29.5%200-54.92-7.83-73.53-22.64C11.23%20440.44%200%20415.35%200%20384.8c0-26.66%2010.08-49.8%2029.14-66.91c15.24-13.68%2036.17-23.21%2059-26.84c.06%200%20.08%200%20.09-.05c6.44-39%2023.83-72.09%2050.31-95.68A140.24%20140.24%200%200%201%20232%20160c30.23%200%2058.48%209.39%2081.71%2027.17a142.24%20142.24%200%200%201%2042.19%2053.21a16%2016%200%200%200%2011.19%209c26%205.61%2048.4%2017.29%2065.17%2034C453%20304.11%20464%20331.71%20464%20363.2c0%2032.85-13.13%2062.87-37%2084.52c-22.89%2020.82-53.8%2032.28-87%2032.28m47.89-258.32a168.8%20168.8%200%200%201%2034.76%2014.71a4%204%200%200%200%205.82-2.44a97%2097%200%200%200%203.53-26.68c-.39-52.43-43.48-95.22-95.91-95.27A95.46%2095.46%200%200%200%20281%20129.33h-.06a3.38%203.38%200%200%200%201%206a162.5%20162.5%200%200%201%2051.28%2026.4a173.9%20173.9%200%200%201%2045.32%2052.51a16%2016%200%200%200%209.35%207.44M496%20224h-32a16%2016%200%200%201%200-32h32a16%2016%200%200%201%200%2032M336%2096a16%2016%200%200%201-16-16V48a16%2016%200%200%201%2032%200v32a16%2016%200%200%201-16%2016m-90.51%2037.49a15.92%2015.92%200%200%201-11.31-4.69l-22.63-22.62a16%2016%200%200%201%2022.63-22.63l22.62%2022.63a16%2016%200%200%201-11.31%2027.31m181.02%200a16%2016%200%200%201-11.31-27.31l22.62-22.63a16%2016%200%200%201%2022.63%2022.63l-22.63%2022.62a15.92%2015.92%200%200%201-11.31%204.69%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/partly-sunny.svg?color=%231a73e8&size=48