sunny icon

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

Name: sunny-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

sunnyMaterial Line Icons sunnyMaterial Symbols

Use the sunny icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M234 26h44v92h-44zm0 368h44v92h-44zm104.025-251.143l65.054-65.054l31.113 31.113l-65.054 65.054zM77.815 403.074l65.054-65.054l31.113 31.113l-65.054 65.053zM394 234h92v44h-92zm-368 0h92v44H26zm312.028 135.14l31.113-31.113l65.054 65.054l-31.113 31.112zM77.802 108.92l31.113-31.113l65.053 65.054l-31.112 31.113zM256 358a102 102 0 1 1 102-102a102.12 102.12 0 0 1-102 102"/></svg>

React

import type { SVGProps } from "react";

export function IonSunnySharp(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="M234 26h44v92h-44zm0 368h44v92h-44zm104.025-251.143l65.054-65.054l31.113 31.113l-65.054 65.054zM77.815 403.074l65.054-65.054l31.113 31.113l-65.054 65.053zM394 234h92v44h-92zm-368 0h92v44H26zm312.028 135.14l31.113-31.113l65.054 65.054l-31.113 31.112zM77.802 108.92l31.113-31.113l65.053 65.054l-31.112 31.113zM256 358a102 102 0 1 1 102-102a102.12 102.12 0 0 1-102 102"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M234 26h44v92h-44zm0 368h44v92h-44zm104.025-251.143l65.054-65.054l31.113 31.113l-65.054 65.054zM77.815 403.074l65.054-65.054l31.113 31.113l-65.054 65.053zM394 234h92v44h-92zm-368 0h92v44H26zm312.028 135.14l31.113-31.113l65.054 65.054l-31.113 31.112zM77.802 108.92l31.113-31.113l65.053 65.054l-31.112 31.113zM256 358a102 102 0 1 1 102-102a102.12 102.12 0 0 1-102 102"/></svg>
</template>

CSS

.icon-sunny-sharp {
  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%22M234%2026h44v92h-44zm0%20368h44v92h-44zm104.025-251.143l65.054-65.054l31.113%2031.113l-65.054%2065.054zM77.815%20403.074l65.054-65.054l31.113%2031.113l-65.054%2065.053zM394%20234h92v44h-92zm-368%200h92v44H26zm312.028%20135.14l31.113-31.113l65.054%2065.054l-31.113%2031.112zM77.802%20108.92l31.113-31.113l65.053%2065.054l-31.112%2031.113zM256%20358a102%20102%200%201%201%20102-102a102.12%20102.12%200%200%201-102%20102%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%22M234%2026h44v92h-44zm0%20368h44v92h-44zm104.025-251.143l65.054-65.054l31.113%2031.113l-65.054%2065.054zM77.815%20403.074l65.054-65.054l31.113%2031.113l-65.054%2065.053zM394%20234h92v44h-92zm-368%200h92v44H26zm312.028%20135.14l31.113-31.113l65.054%2065.054l-31.113%2031.112zM77.802%20108.92l31.113-31.113l65.053%2065.054l-31.112%2031.113zM256%20358a102%20102%200%201%201%20102-102a102.12%20102.12%200%200%201-102%20102%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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