Moon Duotone

By Phosphor Icons in Phosphor

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 256 256">
  <g fill="currentColor">
    <path d="M227.89 147.89A96 96 0 1 1 108.11 28.11a96.09 96.09 0 0 0 119.78 119.78Z" opacity=".2"/>
    <path d="M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.09 103.09 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98Zm-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4Z"/>
  </g>
</svg>


Moon Duotone Icons examples

See what this icon looks like in some mockup designs
Moon DuotoneHome

Related icons in Phosphor

copy save
acorn
copy save
acorn-bold
copy save
acorn-duotone
copy save
acorn-fill
copy save
acorn-light
copy save
acorn-thin
copy save
address-book
copy save
address-book-bold
copy save
address-book-duotone
copy save
address-book-fill
copy save
address-book-light
copy save
address-book-tabs
copy save
address-book-tabs-bold
copy save
address-book-tabs-duotone
copy save
address-book-tabs-fill
copy save
address-book-tabs-light
copy save
address-book-tabs-thin
copy save
address-book-thin
copy save
air-traffic-control
copy save
air-traffic-control-bold