ios sunny icon
ios-sunny from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-sunny
- 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 sunny icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 387c-8.5 0-15.4 6.9-15.4 15.4v46.2c0 8.5 6.9 15.4 15.4 15.4s15.4-6.9 15.4-15.4v-46.2c0-8.5-6.9-15.4-15.4-15.4z" fill="currentColor"/><path d="M256 48c-8.5 0-15.4 6.9-15.4 15.4v46.2c0 8.5 6.9 15.4 15.4 15.4s15.4-6.9 15.4-15.4V63.4c0-8.5-6.9-15.4-15.4-15.4z" fill="currentColor"/><path d="M125 256c0-8.5-6.9-15.4-15.4-15.4H63.4c-8.5 0-15.4 6.9-15.4 15.4s6.9 15.4 15.4 15.4h46.2c8.5 0 15.4-6.9 15.4-15.4z" fill="currentColor"/><path d="M448.6 240.6h-46.2c-8.5 0-15.4 6.9-15.4 15.4s6.9 15.4 15.4 15.4h46.2c8.5 0 15.4-6.9 15.4-15.4s-6.9-15.4-15.4-15.4z" fill="currentColor"/><path d="M152.5 344.1c-4.1 0-8 1.6-10.9 4.5l-32.7 32.7c-2.9 2.9-4.5 6.8-4.5 10.9s1.6 8 4.5 10.9c2.9 2.9 6.8 4.5 10.9 4.5 4.1 0 8-1.6 10.9-4.5l32.7-32.7c6-6 6-15.8 0-21.8-2.9-2.9-6.8-4.5-10.9-4.5z" fill="currentColor"/><path d="M359.5 167.9c4.1 0 8-1.6 10.9-4.5l32.7-32.7c2.9-2.9 4.5-6.8 4.5-10.9s-1.6-8-4.5-10.9c-2.9-2.9-6.8-4.5-10.9-4.5-4.1 0-8 1.6-10.9 4.5l-32.7 32.7c-2.9 2.9-4.5 6.8-4.5 10.9s1.6 8 4.5 10.9c2.9 2.9 6.8 4.5 10.9 4.5z" fill="currentColor"/><path d="M130.7 108.9c-2.9-2.9-6.8-4.5-10.9-4.5-4.1 0-8 1.6-10.9 4.5-2.9 2.9-4.5 6.8-4.5 10.9 0 4.1 1.6 8 4.5 10.9l32.7 32.7c2.9 2.9 6.8 4.5 10.9 4.5 4.1 0 8-1.6 10.9-4.5 2.9-2.9 4.5-6.8 4.5-10.9s-1.6-8-4.5-10.9l-32.7-32.7z" fill="currentColor"/><path d="M370.4 348.6c-2.9-2.9-6.8-4.5-10.9-4.5-4.1 0-8 1.6-10.9 4.5-6 6-6 15.8 0 21.8l32.7 32.7c2.9 2.9 6.8 4.5 10.9 4.5 4.1 0 8-1.6 10.9-4.5 2.9-2.9 4.5-6.8 4.5-10.9s-1.6-8-4.5-10.9l-32.7-32.7z" fill="currentColor"/><path d="M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosSunny(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 387c-8.5 0-15.4 6.9-15.4 15.4v46.2c0 8.5 6.9 15.4 15.4 15.4s15.4-6.9 15.4-15.4v-46.2c0-8.5-6.9-15.4-15.4-15.4z" fill="currentColor"/><path d="M256 48c-8.5 0-15.4 6.9-15.4 15.4v46.2c0 8.5 6.9 15.4 15.4 15.4s15.4-6.9 15.4-15.4V63.4c0-8.5-6.9-15.4-15.4-15.4z" fill="currentColor"/><path d="M125 256c0-8.5-6.9-15.4-15.4-15.4H63.4c-8.5 0-15.4 6.9-15.4 15.4s6.9 15.4 15.4 15.4h46.2c8.5 0 15.4-6.9 15.4-15.4z" fill="currentColor"/><path d="M448.6 240.6h-46.2c-8.5 0-15.4 6.9-15.4 15.4s6.9 15.4 15.4 15.4h46.2c8.5 0 15.4-6.9 15.4-15.4s-6.9-15.4-15.4-15.4z" fill="currentColor"/><path d="M152.5 344.1c-4.1 0-8 1.6-10.9 4.5l-32.7 32.7c-2.9 2.9-4.5 6.8-4.5 10.9s1.6 8 4.5 10.9c2.9 2.9 6.8 4.5 10.9 4.5 4.1 0 8-1.6 10.9-4.5l32.7-32.7c6-6 6-15.8 0-21.8-2.9-2.9-6.8-4.5-10.9-4.5z" fill="currentColor"/><path d="M359.5 167.9c4.1 0 8-1.6 10.9-4.5l32.7-32.7c2.9-2.9 4.5-6.8 4.5-10.9s-1.6-8-4.5-10.9c-2.9-2.9-6.8-4.5-10.9-4.5-4.1 0-8 1.6-10.9 4.5l-32.7 32.7c-2.9 2.9-4.5 6.8-4.5 10.9s1.6 8 4.5 10.9c2.9 2.9 6.8 4.5 10.9 4.5z" fill="currentColor"/><path d="M130.7 108.9c-2.9-2.9-6.8-4.5-10.9-4.5-4.1 0-8 1.6-10.9 4.5-2.9 2.9-4.5 6.8-4.5 10.9 0 4.1 1.6 8 4.5 10.9l32.7 32.7c2.9 2.9 6.8 4.5 10.9 4.5 4.1 0 8-1.6 10.9-4.5 2.9-2.9 4.5-6.8 4.5-10.9s-1.6-8-4.5-10.9l-32.7-32.7z" fill="currentColor"/><path d="M370.4 348.6c-2.9-2.9-6.8-4.5-10.9-4.5-4.1 0-8 1.6-10.9 4.5-6 6-6 15.8 0 21.8l32.7 32.7c2.9 2.9 6.8 4.5 10.9 4.5 4.1 0 8-1.6 10.9-4.5 2.9-2.9 4.5-6.8 4.5-10.9s-1.6-8-4.5-10.9l-32.7-32.7z" fill="currentColor"/><path d="M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 387c-8.5 0-15.4 6.9-15.4 15.4v46.2c0 8.5 6.9 15.4 15.4 15.4s15.4-6.9 15.4-15.4v-46.2c0-8.5-6.9-15.4-15.4-15.4z" fill="currentColor"/><path d="M256 48c-8.5 0-15.4 6.9-15.4 15.4v46.2c0 8.5 6.9 15.4 15.4 15.4s15.4-6.9 15.4-15.4V63.4c0-8.5-6.9-15.4-15.4-15.4z" fill="currentColor"/><path d="M125 256c0-8.5-6.9-15.4-15.4-15.4H63.4c-8.5 0-15.4 6.9-15.4 15.4s6.9 15.4 15.4 15.4h46.2c8.5 0 15.4-6.9 15.4-15.4z" fill="currentColor"/><path d="M448.6 240.6h-46.2c-8.5 0-15.4 6.9-15.4 15.4s6.9 15.4 15.4 15.4h46.2c8.5 0 15.4-6.9 15.4-15.4s-6.9-15.4-15.4-15.4z" fill="currentColor"/><path d="M152.5 344.1c-4.1 0-8 1.6-10.9 4.5l-32.7 32.7c-2.9 2.9-4.5 6.8-4.5 10.9s1.6 8 4.5 10.9c2.9 2.9 6.8 4.5 10.9 4.5 4.1 0 8-1.6 10.9-4.5l32.7-32.7c6-6 6-15.8 0-21.8-2.9-2.9-6.8-4.5-10.9-4.5z" fill="currentColor"/><path d="M359.5 167.9c4.1 0 8-1.6 10.9-4.5l32.7-32.7c2.9-2.9 4.5-6.8 4.5-10.9s-1.6-8-4.5-10.9c-2.9-2.9-6.8-4.5-10.9-4.5-4.1 0-8 1.6-10.9 4.5l-32.7 32.7c-2.9 2.9-4.5 6.8-4.5 10.9s1.6 8 4.5 10.9c2.9 2.9 6.8 4.5 10.9 4.5z" fill="currentColor"/><path d="M130.7 108.9c-2.9-2.9-6.8-4.5-10.9-4.5-4.1 0-8 1.6-10.9 4.5-2.9 2.9-4.5 6.8-4.5 10.9 0 4.1 1.6 8 4.5 10.9l32.7 32.7c2.9 2.9 6.8 4.5 10.9 4.5 4.1 0 8-1.6 10.9-4.5 2.9-2.9 4.5-6.8 4.5-10.9s-1.6-8-4.5-10.9l-32.7-32.7z" fill="currentColor"/><path d="M370.4 348.6c-2.9-2.9-6.8-4.5-10.9-4.5-4.1 0-8 1.6-10.9 4.5-6 6-6 15.8 0 21.8l32.7 32.7c2.9 2.9 6.8 4.5 10.9 4.5 4.1 0 8-1.6 10.9-4.5 2.9-2.9 4.5-6.8 4.5-10.9s-1.6-8-4.5-10.9l-32.7-32.7z" fill="currentColor"/><path d="M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-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%22M256%20387c-8.5%200-15.4%206.9-15.4%2015.4v46.2c0%208.5%206.9%2015.4%2015.4%2015.4s15.4-6.9%2015.4-15.4v-46.2c0-8.5-6.9-15.4-15.4-15.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%2048c-8.5%200-15.4%206.9-15.4%2015.4v46.2c0%208.5%206.9%2015.4%2015.4%2015.4s15.4-6.9%2015.4-15.4V63.4c0-8.5-6.9-15.4-15.4-15.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M125%20256c0-8.5-6.9-15.4-15.4-15.4H63.4c-8.5%200-15.4%206.9-15.4%2015.4s6.9%2015.4%2015.4%2015.4h46.2c8.5%200%2015.4-6.9%2015.4-15.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M448.6%20240.6h-46.2c-8.5%200-15.4%206.9-15.4%2015.4s6.9%2015.4%2015.4%2015.4h46.2c8.5%200%2015.4-6.9%2015.4-15.4s-6.9-15.4-15.4-15.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M152.5%20344.1c-4.1%200-8%201.6-10.9%204.5l-32.7%2032.7c-2.9%202.9-4.5%206.8-4.5%2010.9s1.6%208%204.5%2010.9c2.9%202.9%206.8%204.5%2010.9%204.5%204.1%200%208-1.6%2010.9-4.5l32.7-32.7c6-6%206-15.8%200-21.8-2.9-2.9-6.8-4.5-10.9-4.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M359.5%20167.9c4.1%200%208-1.6%2010.9-4.5l32.7-32.7c2.9-2.9%204.5-6.8%204.5-10.9s-1.6-8-4.5-10.9c-2.9-2.9-6.8-4.5-10.9-4.5-4.1%200-8%201.6-10.9%204.5l-32.7%2032.7c-2.9%202.9-4.5%206.8-4.5%2010.9s1.6%208%204.5%2010.9c2.9%202.9%206.8%204.5%2010.9%204.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M130.7%20108.9c-2.9-2.9-6.8-4.5-10.9-4.5-4.1%200-8%201.6-10.9%204.5-2.9%202.9-4.5%206.8-4.5%2010.9%200%204.1%201.6%208%204.5%2010.9l32.7%2032.7c2.9%202.9%206.8%204.5%2010.9%204.5%204.1%200%208-1.6%2010.9-4.5%202.9-2.9%204.5-6.8%204.5-10.9s-1.6-8-4.5-10.9l-32.7-32.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M370.4%20348.6c-2.9-2.9-6.8-4.5-10.9-4.5-4.1%200-8%201.6-10.9%204.5-6%206-6%2015.8%200%2021.8l32.7%2032.7c2.9%202.9%206.8%204.5%2010.9%204.5%204.1%200%208-1.6%2010.9-4.5%202.9-2.9%204.5-6.8%204.5-10.9s-1.6-8-4.5-10.9l-32.7-32.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20160c-52.9%200-96%2043.1-96%2096s43.1%2096%2096%2096%2096-43.1%2096-96-43.1-96-96-96z%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%22M256%20387c-8.5%200-15.4%206.9-15.4%2015.4v46.2c0%208.5%206.9%2015.4%2015.4%2015.4s15.4-6.9%2015.4-15.4v-46.2c0-8.5-6.9-15.4-15.4-15.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%2048c-8.5%200-15.4%206.9-15.4%2015.4v46.2c0%208.5%206.9%2015.4%2015.4%2015.4s15.4-6.9%2015.4-15.4V63.4c0-8.5-6.9-15.4-15.4-15.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M125%20256c0-8.5-6.9-15.4-15.4-15.4H63.4c-8.5%200-15.4%206.9-15.4%2015.4s6.9%2015.4%2015.4%2015.4h46.2c8.5%200%2015.4-6.9%2015.4-15.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M448.6%20240.6h-46.2c-8.5%200-15.4%206.9-15.4%2015.4s6.9%2015.4%2015.4%2015.4h46.2c8.5%200%2015.4-6.9%2015.4-15.4s-6.9-15.4-15.4-15.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M152.5%20344.1c-4.1%200-8%201.6-10.9%204.5l-32.7%2032.7c-2.9%202.9-4.5%206.8-4.5%2010.9s1.6%208%204.5%2010.9c2.9%202.9%206.8%204.5%2010.9%204.5%204.1%200%208-1.6%2010.9-4.5l32.7-32.7c6-6%206-15.8%200-21.8-2.9-2.9-6.8-4.5-10.9-4.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M359.5%20167.9c4.1%200%208-1.6%2010.9-4.5l32.7-32.7c2.9-2.9%204.5-6.8%204.5-10.9s-1.6-8-4.5-10.9c-2.9-2.9-6.8-4.5-10.9-4.5-4.1%200-8%201.6-10.9%204.5l-32.7%2032.7c-2.9%202.9-4.5%206.8-4.5%2010.9s1.6%208%204.5%2010.9c2.9%202.9%206.8%204.5%2010.9%204.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M130.7%20108.9c-2.9-2.9-6.8-4.5-10.9-4.5-4.1%200-8%201.6-10.9%204.5-2.9%202.9-4.5%206.8-4.5%2010.9%200%204.1%201.6%208%204.5%2010.9l32.7%2032.7c2.9%202.9%206.8%204.5%2010.9%204.5%204.1%200%208-1.6%2010.9-4.5%202.9-2.9%204.5-6.8%204.5-10.9s-1.6-8-4.5-10.9l-32.7-32.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M370.4%20348.6c-2.9-2.9-6.8-4.5-10.9-4.5-4.1%200-8%201.6-10.9%204.5-6%206-6%2015.8%200%2021.8l32.7%2032.7c2.9%202.9%206.8%204.5%2010.9%204.5%204.1%200%208-1.6%2010.9-4.5%202.9-2.9%204.5-6.8%204.5-10.9s-1.6-8-4.5-10.9l-32.7-32.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20160c-52.9%200-96%2043.1-96%2096s43.1%2096%2096%2096%2096-43.1%2096-96-43.1-96-96-96z%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-sunny.svg?color=%231a73e8&size=48
