sun medium icon

sun-medium-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.

Name
sun-medium-sharp
Set
Keyline Icons
Style
Sharp
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

sun-mediumsun-medium-duotonesun-medium-fillsun-medium-sharp-duotonesun-medium-sharp-fillsun-medium-sharp-two-tonesun-medium-two-tone

The same icon in other sets

sun-mediumHuge Iconssun-mediumLucidesun-mediumMyna UI Icons

Related icons in Keyline Icons

sun-dim

Use the sun medium icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M16.5 12C16.5 14.4853 14.4853 16.5 12 16.5C9.5147 16.5 7.5 14.4853 7.5 12C7.5 9.5147 9.5147 7.5 12 7.5C14.4853 7.5 16.5 9.5147 16.5 12ZM19.5 12L22 12M17.3033 17.3033L19.0711 19.0711M12 19.5L12 22M6.6967 17.3033L4.9289 19.0711M4.5 12L2 12M6.6967 6.6967L4.9289 4.9289M12 4.5L12 2M17.3033 6.6967L19.0711 4.9289"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsSunMediumSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M16.5 12C16.5 14.4853 14.4853 16.5 12 16.5C9.5147 16.5 7.5 14.4853 7.5 12C7.5 9.5147 9.5147 7.5 12 7.5C14.4853 7.5 16.5 9.5147 16.5 12ZM19.5 12L22 12M17.3033 17.3033L19.0711 19.0711M12 19.5L12 22M6.6967 17.3033L4.9289 19.0711M4.5 12L2 12M6.6967 6.6967L4.9289 4.9289M12 4.5L12 2M17.3033 6.6967L19.0711 4.9289"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M16.5 12C16.5 14.4853 14.4853 16.5 12 16.5C9.5147 16.5 7.5 14.4853 7.5 12C7.5 9.5147 9.5147 7.5 12 7.5C14.4853 7.5 16.5 9.5147 16.5 12ZM19.5 12L22 12M17.3033 17.3033L19.0711 19.0711M12 19.5L12 22M6.6967 17.3033L4.9289 19.0711M4.5 12L2 12M6.6967 6.6967L4.9289 4.9289M12 4.5L12 2M17.3033 6.6967L19.0711 4.9289"/></svg>
</template>

CSS

.icon-sun-medium-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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M16.5%2012C16.5%2014.4853%2014.4853%2016.5%2012%2016.5C9.5147%2016.5%207.5%2014.4853%207.5%2012C7.5%209.5147%209.5147%207.5%2012%207.5C14.4853%207.5%2016.5%209.5147%2016.5%2012ZM19.5%2012L22%2012M17.3033%2017.3033L19.0711%2019.0711M12%2019.5L12%2022M6.6967%2017.3033L4.9289%2019.0711M4.5%2012L2%2012M6.6967%206.6967L4.9289%204.9289M12%204.5L12%202M17.3033%206.6967L19.0711%204.9289%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M16.5%2012C16.5%2014.4853%2014.4853%2016.5%2012%2016.5C9.5147%2016.5%207.5%2014.4853%207.5%2012C7.5%209.5147%209.5147%207.5%2012%207.5C14.4853%207.5%2016.5%209.5147%2016.5%2012ZM19.5%2012L22%2012M17.3033%2017.3033L19.0711%2019.0711M12%2019.5L12%2022M6.6967%2017.3033L4.9289%2019.0711M4.5%2012L2%2012M6.6967%206.6967L4.9289%204.9289M12%204.5L12%202M17.3033%206.6967L19.0711%204.9289%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Sun Medium sharp icon — Keyline Icons · IconsDB