sun icon
sun-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.
- Name
- sun-filled
- Set
- Ant Design Icons
- Style
- Filled
- Viewbox
- 1024×1024
- License
- MIT
1 other variant in Ant Design Icons
The same icon in other sets
sunAkar IconssunBootstrap IconssunBoxIcons v2sunBoxIcons v2 SolidsunCarbonsunEmoji One (Colored)sun-fillEva IconssunFont Awesome 6 RegularsunFont Awesome 6 SolidsunFont Awesome RegularsunFont Awesome SolidsunFeather Iconssun-outlineFlowbite IconssunFluent EmojisunFluent Emoji FlatsunFluent Emoji High Contrastsuncss.ggsunHeroIconssunHumbleiconssunIconParksunIconPark OutlinesunIconPark SolidsunIconPark TwoTonesunJam Icons
Use the sun icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M548 818v126c0 8.837-7.163 16-16 16h-40c-8.837 0-16-7.163-16-16V818q23.768 2.464 36 2.464T548 818m205.251-115.66l89.096 89.095c6.248 6.248 6.248 16.38 0 22.627l-28.285 28.285c-6.248 6.248-16.379 6.248-22.627 0L702.34 753.25q18.548-15.064 27.198-23.713q8.649-8.65 23.713-27.198m-482.502 0q15.064 18.548 23.713 27.198q8.65 8.649 27.198 23.713l-89.095 89.096c-6.248 6.248-16.38 6.248-22.627 0l-28.285-28.285c-6.248-6.248-6.248-16.379 0-22.627zM512 278c129.235 0 234 104.765 234 234S641.235 746 512 746S278 641.235 278 512s104.765-234 234-234M206 476q-2.464 23.768-2.464 36T206 548H80c-8.837 0-16-7.163-16-16v-40c0-8.837 7.163-16 16-16zm738 0c8.837 0 16 7.163 16 16v40c0 8.837-7.163 16-16 16H818q2.464-23.768 2.464-36T818 476ZM814.062 180.653l28.285 28.285c6.248 6.248 6.248 16.379 0 22.627L753.25 320.66q-15.064-18.548-23.713-27.198q-8.65-8.649-27.198-23.713l89.095-89.096c6.248-6.248 16.38-6.248 22.627 0m-581.497 0l89.095 89.096q-18.548 15.064-27.198 23.713q-8.649 8.65-23.713 27.198l-89.096-89.095c-6.248-6.248-6.248-16.38 0-22.627l28.285-28.285c6.248-6.248 16.379-6.248 22.627 0M532 64c8.837 0 16 7.163 16 16v126q-23.768-2.464-36-2.464T476 206V80c0-8.837 7.163-16 16-16z"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignSunFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fillRule="evenodd" d="M548 818v126c0 8.837-7.163 16-16 16h-40c-8.837 0-16-7.163-16-16V818q23.768 2.464 36 2.464T548 818m205.251-115.66l89.096 89.095c6.248 6.248 6.248 16.38 0 22.627l-28.285 28.285c-6.248 6.248-16.379 6.248-22.627 0L702.34 753.25q18.548-15.064 27.198-23.713q8.649-8.65 23.713-27.198m-482.502 0q15.064 18.548 23.713 27.198q8.65 8.649 27.198 23.713l-89.095 89.096c-6.248 6.248-16.38 6.248-22.627 0l-28.285-28.285c-6.248-6.248-6.248-16.379 0-22.627zM512 278c129.235 0 234 104.765 234 234S641.235 746 512 746S278 641.235 278 512s104.765-234 234-234M206 476q-2.464 23.768-2.464 36T206 548H80c-8.837 0-16-7.163-16-16v-40c0-8.837 7.163-16 16-16zm738 0c8.837 0 16 7.163 16 16v40c0 8.837-7.163 16-16 16H818q2.464-23.768 2.464-36T818 476ZM814.062 180.653l28.285 28.285c6.248 6.248 6.248 16.379 0 22.627L753.25 320.66q-15.064-18.548-23.713-27.198q-8.65-8.649-27.198-23.713l89.095-89.096c6.248-6.248 16.38-6.248 22.627 0m-581.497 0l89.095 89.096q-18.548 15.064-27.198 23.713q-8.649 8.65-23.713 27.198l-89.096-89.095c-6.248-6.248-6.248-16.38 0-22.627l28.285-28.285c6.248-6.248 16.379-6.248 22.627 0M532 64c8.837 0 16 7.163 16 16v126q-23.768-2.464-36-2.464T476 206V80c0-8.837 7.163-16 16-16z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M548 818v126c0 8.837-7.163 16-16 16h-40c-8.837 0-16-7.163-16-16V818q23.768 2.464 36 2.464T548 818m205.251-115.66l89.096 89.095c6.248 6.248 6.248 16.38 0 22.627l-28.285 28.285c-6.248 6.248-16.379 6.248-22.627 0L702.34 753.25q18.548-15.064 27.198-23.713q8.649-8.65 23.713-27.198m-482.502 0q15.064 18.548 23.713 27.198q8.65 8.649 27.198 23.713l-89.095 89.096c-6.248 6.248-16.38 6.248-22.627 0l-28.285-28.285c-6.248-6.248-6.248-16.379 0-22.627zM512 278c129.235 0 234 104.765 234 234S641.235 746 512 746S278 641.235 278 512s104.765-234 234-234M206 476q-2.464 23.768-2.464 36T206 548H80c-8.837 0-16-7.163-16-16v-40c0-8.837 7.163-16 16-16zm738 0c8.837 0 16 7.163 16 16v40c0 8.837-7.163 16-16 16H818q2.464-23.768 2.464-36T818 476ZM814.062 180.653l28.285 28.285c6.248 6.248 6.248 16.379 0 22.627L753.25 320.66q-15.064-18.548-23.713-27.198q-8.65-8.649-27.198-23.713l89.095-89.096c6.248-6.248 16.38-6.248 22.627 0m-581.497 0l89.095 89.096q-18.548 15.064-27.198 23.713q-8.649 8.65-23.713 27.198l-89.096-89.095c-6.248-6.248-6.248-16.38 0-22.627l28.285-28.285c6.248-6.248 16.379-6.248 22.627 0M532 64c8.837 0 16 7.163 16 16v126q-23.768-2.464-36-2.464T476 206V80c0-8.837 7.163-16 16-16z"/></svg> </template>
CSS
.icon-sun-filled {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M548%20818v126c0%208.837-7.163%2016-16%2016h-40c-8.837%200-16-7.163-16-16V818q23.768%202.464%2036%202.464T548%20818m205.251-115.66l89.096%2089.095c6.248%206.248%206.248%2016.38%200%2022.627l-28.285%2028.285c-6.248%206.248-16.379%206.248-22.627%200L702.34%20753.25q18.548-15.064%2027.198-23.713q8.649-8.65%2023.713-27.198m-482.502%200q15.064%2018.548%2023.713%2027.198q8.65%208.649%2027.198%2023.713l-89.095%2089.096c-6.248%206.248-16.38%206.248-22.627%200l-28.285-28.285c-6.248-6.248-6.248-16.379%200-22.627zM512%20278c129.235%200%20234%20104.765%20234%20234S641.235%20746%20512%20746S278%20641.235%20278%20512s104.765-234%20234-234M206%20476q-2.464%2023.768-2.464%2036T206%20548H80c-8.837%200-16-7.163-16-16v-40c0-8.837%207.163-16%2016-16zm738%200c8.837%200%2016%207.163%2016%2016v40c0%208.837-7.163%2016-16%2016H818q2.464-23.768%202.464-36T818%20476ZM814.062%20180.653l28.285%2028.285c6.248%206.248%206.248%2016.379%200%2022.627L753.25%20320.66q-15.064-18.548-23.713-27.198q-8.65-8.649-27.198-23.713l89.095-89.096c6.248-6.248%2016.38-6.248%2022.627%200m-581.497%200l89.095%2089.096q-18.548%2015.064-27.198%2023.713q-8.649%208.65-23.713%2027.198l-89.096-89.095c-6.248-6.248-6.248-16.38%200-22.627l28.285-28.285c6.248-6.248%2016.379-6.248%2022.627%200M532%2064c8.837%200%2016%207.163%2016%2016v126q-23.768-2.464-36-2.464T476%20206V80c0-8.837%207.163-16%2016-16z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M548%20818v126c0%208.837-7.163%2016-16%2016h-40c-8.837%200-16-7.163-16-16V818q23.768%202.464%2036%202.464T548%20818m205.251-115.66l89.096%2089.095c6.248%206.248%206.248%2016.38%200%2022.627l-28.285%2028.285c-6.248%206.248-16.379%206.248-22.627%200L702.34%20753.25q18.548-15.064%2027.198-23.713q8.649-8.65%2023.713-27.198m-482.502%200q15.064%2018.548%2023.713%2027.198q8.65%208.649%2027.198%2023.713l-89.095%2089.096c-6.248%206.248-16.38%206.248-22.627%200l-28.285-28.285c-6.248-6.248-6.248-16.379%200-22.627zM512%20278c129.235%200%20234%20104.765%20234%20234S641.235%20746%20512%20746S278%20641.235%20278%20512s104.765-234%20234-234M206%20476q-2.464%2023.768-2.464%2036T206%20548H80c-8.837%200-16-7.163-16-16v-40c0-8.837%207.163-16%2016-16zm738%200c8.837%200%2016%207.163%2016%2016v40c0%208.837-7.163%2016-16%2016H818q2.464-23.768%202.464-36T818%20476ZM814.062%20180.653l28.285%2028.285c6.248%206.248%206.248%2016.379%200%2022.627L753.25%20320.66q-15.064-18.548-23.713-27.198q-8.65-8.649-27.198-23.713l89.095-89.096c6.248-6.248%2016.38-6.248%2022.627%200m-581.497%200l89.095%2089.096q-18.548%2015.064-27.198%2023.713q-8.649%208.65-23.713%2027.198l-89.096-89.095c-6.248-6.248-6.248-16.38%200-22.627l28.285-28.285c6.248-6.248%2016.379-6.248%2022.627%200M532%2064c8.837%200%2016%207.163%2016%2016v126q-23.768-2.464-36-2.464T476%20206V80c0-8.837%207.163-16%2016-16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/sun-filled.svg?color=%231a73e8&size=48
