sun dim icon

sun-dim-duotone from Keyline Icons by Keyline Icons · Duotone · MIT Free for personal and commercial use.

Name: sun-dim-duotone
Set: Keyline Icons
Style: Duotone
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

sun-dim sun-dim-fill sun-dim-sharp sun-dim-sharp-duotone sun-dim-sharp-fill sun-dim-sharp-two-tone sun-dim-two-tone

The same icon in other sets

sun-dimHuge Icons sun-dimLucide sun-dimMyna UI Icons sun-dimPhosphor

Related icons in Keyline Icons

sun-medium

Use the sun dim icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-opacity=".4" d="M17.5 12C17.5 15.0376 15.0376 17.5 12 17.5C8.9624 17.5 6.5 15.0376 6.5 12C6.5 8.9624 8.9624 6.5 12 6.5C15.0376 6.5 17.5 8.9624 17.5 12Z"/><path d="M21.5 12C21.5 12.5523 21.0523 13 20.5 13C19.9477 13 19.5 12.5523 19.5 12C19.5 11.4477 19.9477 11 20.5 11C21.0523 11 21.5 11.4477 21.5 12ZM19.0104 18.0104C19.0104 18.5627 18.5627 19.0104 18.0104 19.0104C17.4581 19.0104 17.0104 18.5627 17.0104 18.0104C17.0104 17.4581 17.4581 17.0104 18.0104 17.0104C18.5627 17.0104 19.0104 17.4581 19.0104 18.0104ZM13 20.5C13 21.0523 12.5523 21.5 12 21.5C11.4477 21.5 11 21.0523 11 20.5C11 19.9477 11.4477 19.5 12 19.5C12.5523 19.5 13 19.9477 13 20.5ZM6.9896 18.0104C6.9896 18.5627 6.5419 19.0104 5.9896 19.0104C5.4373 19.0104 4.9896 18.5627 4.9896 18.0104C4.9896 17.4581 5.4373 17.0104 5.9896 17.0104C6.5419 17.0104 6.9896 17.4581 6.9896 18.0104ZM4.5 12C4.5 12.5523 4.0523 13 3.5 13C2.9477 13 2.5 12.5523 2.5 12C2.5 11.4477 2.9477 11 3.5 11C4.0523 11 4.5 11.4477 4.5 12ZM6.9896 5.9896C6.9896 6.5419 6.5419 6.9896 5.9896 6.9896C5.4373 6.9896 4.9896 6.5419 4.9896 5.9896C4.9896 5.4373 5.4373 4.9896 5.9896 4.9896C6.5419 4.9896 6.9896 5.4373 6.9896 5.9896ZM13 3.5C13 4.0523 12.5523 4.5 12 4.5C11.4477 4.5 11 4.0523 11 3.5C11 2.9477 11.4477 2.5 12 2.5C12.5523 2.5 13 2.9477 13 3.5ZM19.0104 5.9896C19.0104 6.5419 18.5627 6.9896 18.0104 6.9896C17.4581 6.9896 17.0104 6.5419 17.0104 5.9896C17.0104 5.4373 17.4581 4.9896 18.0104 4.9896C18.5627 4.9896 19.0104 5.4373 19.0104 5.9896Z"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsSunDimDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillOpacity=".4" d="M17.5 12C17.5 15.0376 15.0376 17.5 12 17.5C8.9624 17.5 6.5 15.0376 6.5 12C6.5 8.9624 8.9624 6.5 12 6.5C15.0376 6.5 17.5 8.9624 17.5 12Z"/><path d="M21.5 12C21.5 12.5523 21.0523 13 20.5 13C19.9477 13 19.5 12.5523 19.5 12C19.5 11.4477 19.9477 11 20.5 11C21.0523 11 21.5 11.4477 21.5 12ZM19.0104 18.0104C19.0104 18.5627 18.5627 19.0104 18.0104 19.0104C17.4581 19.0104 17.0104 18.5627 17.0104 18.0104C17.0104 17.4581 17.4581 17.0104 18.0104 17.0104C18.5627 17.0104 19.0104 17.4581 19.0104 18.0104ZM13 20.5C13 21.0523 12.5523 21.5 12 21.5C11.4477 21.5 11 21.0523 11 20.5C11 19.9477 11.4477 19.5 12 19.5C12.5523 19.5 13 19.9477 13 20.5ZM6.9896 18.0104C6.9896 18.5627 6.5419 19.0104 5.9896 19.0104C5.4373 19.0104 4.9896 18.5627 4.9896 18.0104C4.9896 17.4581 5.4373 17.0104 5.9896 17.0104C6.5419 17.0104 6.9896 17.4581 6.9896 18.0104ZM4.5 12C4.5 12.5523 4.0523 13 3.5 13C2.9477 13 2.5 12.5523 2.5 12C2.5 11.4477 2.9477 11 3.5 11C4.0523 11 4.5 11.4477 4.5 12ZM6.9896 5.9896C6.9896 6.5419 6.5419 6.9896 5.9896 6.9896C5.4373 6.9896 4.9896 6.5419 4.9896 5.9896C4.9896 5.4373 5.4373 4.9896 5.9896 4.9896C6.5419 4.9896 6.9896 5.4373 6.9896 5.9896ZM13 3.5C13 4.0523 12.5523 4.5 12 4.5C11.4477 4.5 11 4.0523 11 3.5C11 2.9477 11.4477 2.5 12 2.5C12.5523 2.5 13 2.9477 13 3.5ZM19.0104 5.9896C19.0104 6.5419 18.5627 6.9896 18.0104 6.9896C17.4581 6.9896 17.0104 6.5419 17.0104 5.9896C17.0104 5.4373 17.4581 4.9896 18.0104 4.9896C18.5627 4.9896 19.0104 5.4373 19.0104 5.9896Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-opacity=".4" d="M17.5 12C17.5 15.0376 15.0376 17.5 12 17.5C8.9624 17.5 6.5 15.0376 6.5 12C6.5 8.9624 8.9624 6.5 12 6.5C15.0376 6.5 17.5 8.9624 17.5 12Z"/><path d="M21.5 12C21.5 12.5523 21.0523 13 20.5 13C19.9477 13 19.5 12.5523 19.5 12C19.5 11.4477 19.9477 11 20.5 11C21.0523 11 21.5 11.4477 21.5 12ZM19.0104 18.0104C19.0104 18.5627 18.5627 19.0104 18.0104 19.0104C17.4581 19.0104 17.0104 18.5627 17.0104 18.0104C17.0104 17.4581 17.4581 17.0104 18.0104 17.0104C18.5627 17.0104 19.0104 17.4581 19.0104 18.0104ZM13 20.5C13 21.0523 12.5523 21.5 12 21.5C11.4477 21.5 11 21.0523 11 20.5C11 19.9477 11.4477 19.5 12 19.5C12.5523 19.5 13 19.9477 13 20.5ZM6.9896 18.0104C6.9896 18.5627 6.5419 19.0104 5.9896 19.0104C5.4373 19.0104 4.9896 18.5627 4.9896 18.0104C4.9896 17.4581 5.4373 17.0104 5.9896 17.0104C6.5419 17.0104 6.9896 17.4581 6.9896 18.0104ZM4.5 12C4.5 12.5523 4.0523 13 3.5 13C2.9477 13 2.5 12.5523 2.5 12C2.5 11.4477 2.9477 11 3.5 11C4.0523 11 4.5 11.4477 4.5 12ZM6.9896 5.9896C6.9896 6.5419 6.5419 6.9896 5.9896 6.9896C5.4373 6.9896 4.9896 6.5419 4.9896 5.9896C4.9896 5.4373 5.4373 4.9896 5.9896 4.9896C6.5419 4.9896 6.9896 5.4373 6.9896 5.9896ZM13 3.5C13 4.0523 12.5523 4.5 12 4.5C11.4477 4.5 11 4.0523 11 3.5C11 2.9477 11.4477 2.5 12 2.5C12.5523 2.5 13 2.9477 13 3.5ZM19.0104 5.9896C19.0104 6.5419 18.5627 6.9896 18.0104 6.9896C17.4581 6.9896 17.0104 6.5419 17.0104 5.9896C17.0104 5.4373 17.4581 4.9896 18.0104 4.9896C18.5627 4.9896 19.0104 5.4373 19.0104 5.9896Z"/></g></svg>
</template>

CSS

.icon-sun-dim-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-opacity%3D%22.4%22%20d%3D%22M17.5%2012C17.5%2015.0376%2015.0376%2017.5%2012%2017.5C8.9624%2017.5%206.5%2015.0376%206.5%2012C6.5%208.9624%208.9624%206.5%2012%206.5C15.0376%206.5%2017.5%208.9624%2017.5%2012Z%22%2F%3E%3Cpath%20d%3D%22M21.5%2012C21.5%2012.5523%2021.0523%2013%2020.5%2013C19.9477%2013%2019.5%2012.5523%2019.5%2012C19.5%2011.4477%2019.9477%2011%2020.5%2011C21.0523%2011%2021.5%2011.4477%2021.5%2012ZM19.0104%2018.0104C19.0104%2018.5627%2018.5627%2019.0104%2018.0104%2019.0104C17.4581%2019.0104%2017.0104%2018.5627%2017.0104%2018.0104C17.0104%2017.4581%2017.4581%2017.0104%2018.0104%2017.0104C18.5627%2017.0104%2019.0104%2017.4581%2019.0104%2018.0104ZM13%2020.5C13%2021.0523%2012.5523%2021.5%2012%2021.5C11.4477%2021.5%2011%2021.0523%2011%2020.5C11%2019.9477%2011.4477%2019.5%2012%2019.5C12.5523%2019.5%2013%2019.9477%2013%2020.5ZM6.9896%2018.0104C6.9896%2018.5627%206.5419%2019.0104%205.9896%2019.0104C5.4373%2019.0104%204.9896%2018.5627%204.9896%2018.0104C4.9896%2017.4581%205.4373%2017.0104%205.9896%2017.0104C6.5419%2017.0104%206.9896%2017.4581%206.9896%2018.0104ZM4.5%2012C4.5%2012.5523%204.0523%2013%203.5%2013C2.9477%2013%202.5%2012.5523%202.5%2012C2.5%2011.4477%202.9477%2011%203.5%2011C4.0523%2011%204.5%2011.4477%204.5%2012ZM6.9896%205.9896C6.9896%206.5419%206.5419%206.9896%205.9896%206.9896C5.4373%206.9896%204.9896%206.5419%204.9896%205.9896C4.9896%205.4373%205.4373%204.9896%205.9896%204.9896C6.5419%204.9896%206.9896%205.4373%206.9896%205.9896ZM13%203.5C13%204.0523%2012.5523%204.5%2012%204.5C11.4477%204.5%2011%204.0523%2011%203.5C11%202.9477%2011.4477%202.5%2012%202.5C12.5523%202.5%2013%202.9477%2013%203.5ZM19.0104%205.9896C19.0104%206.5419%2018.5627%206.9896%2018.0104%206.9896C17.4581%206.9896%2017.0104%206.5419%2017.0104%205.9896C17.0104%205.4373%2017.4581%204.9896%2018.0104%204.9896C18.5627%204.9896%2019.0104%205.4373%2019.0104%205.9896Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-opacity%3D%22.4%22%20d%3D%22M17.5%2012C17.5%2015.0376%2015.0376%2017.5%2012%2017.5C8.9624%2017.5%206.5%2015.0376%206.5%2012C6.5%208.9624%208.9624%206.5%2012%206.5C15.0376%206.5%2017.5%208.9624%2017.5%2012Z%22%2F%3E%3Cpath%20d%3D%22M21.5%2012C21.5%2012.5523%2021.0523%2013%2020.5%2013C19.9477%2013%2019.5%2012.5523%2019.5%2012C19.5%2011.4477%2019.9477%2011%2020.5%2011C21.0523%2011%2021.5%2011.4477%2021.5%2012ZM19.0104%2018.0104C19.0104%2018.5627%2018.5627%2019.0104%2018.0104%2019.0104C17.4581%2019.0104%2017.0104%2018.5627%2017.0104%2018.0104C17.0104%2017.4581%2017.4581%2017.0104%2018.0104%2017.0104C18.5627%2017.0104%2019.0104%2017.4581%2019.0104%2018.0104ZM13%2020.5C13%2021.0523%2012.5523%2021.5%2012%2021.5C11.4477%2021.5%2011%2021.0523%2011%2020.5C11%2019.9477%2011.4477%2019.5%2012%2019.5C12.5523%2019.5%2013%2019.9477%2013%2020.5ZM6.9896%2018.0104C6.9896%2018.5627%206.5419%2019.0104%205.9896%2019.0104C5.4373%2019.0104%204.9896%2018.5627%204.9896%2018.0104C4.9896%2017.4581%205.4373%2017.0104%205.9896%2017.0104C6.5419%2017.0104%206.9896%2017.4581%206.9896%2018.0104ZM4.5%2012C4.5%2012.5523%204.0523%2013%203.5%2013C2.9477%2013%202.5%2012.5523%202.5%2012C2.5%2011.4477%202.9477%2011%203.5%2011C4.0523%2011%204.5%2011.4477%204.5%2012ZM6.9896%205.9896C6.9896%206.5419%206.5419%206.9896%205.9896%206.9896C5.4373%206.9896%204.9896%206.5419%204.9896%205.9896C4.9896%205.4373%205.4373%204.9896%205.9896%204.9896C6.5419%204.9896%206.9896%205.4373%206.9896%205.9896ZM13%203.5C13%204.0523%2012.5523%204.5%2012%204.5C11.4477%204.5%2011%204.0523%2011%203.5C11%202.9477%2011.4477%202.5%2012%202.5C12.5523%202.5%2013%202.9477%2013%203.5ZM19.0104%205.9896C19.0104%206.5419%2018.5627%206.9896%2018.0104%206.9896C17.4581%206.9896%2017.0104%206.5419%2017.0104%205.9896C17.0104%205.4373%2017.4581%204.9896%2018.0104%204.9896C18.5627%204.9896%2019.0104%205.4373%2019.0104%205.9896Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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