Moon Phase Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Moon Phase icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/344097.svg" alt="Moon Phase icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/344097.svg" alt="Moon Phase icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/344097.svg" alt="Moon Phase icon" :width="24" :height="24" />
CSS background
.icon-moon-phase {
background-image: url('https://proicons.com/icon/344097.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.r{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><g id="b"><circle id="c" class="r" cx="24" cy="24" r="21.5"/><path id="d" class="r" d="M23.9409,29.0859c-1.1953,1.6578-3.1145,2.6401-5.1583,2.6401-3.5121,0-6.3592-2.8471-6.3592-6.3592s2.8471-6.3592,6.3592-6.3592,6.3592,2.8471,6.3592,6.3592h0c0,.4165-.0409,.832-.1222,1.2406"/><circle id="e" class="r" cx="34.2891" cy="16.9174" r="3.0637"/><circle id="f" class="r" cx="14.3037" cy="13.1249" r="2.0016"/><circle id="g" class="r" cx="29.6712" cy="9.3213" r="1.4721"/><ellipse id="h" class="r" cx="41.8074" cy="22.7252" rx=".9853" ry="1.7864"/><ellipse id="i" class="r" cx="40.1441" cy="32.4128" rx="1.0189" ry="1.6012"/><circle id="j" class="r" cx="27.5688" cy="34.0382" r="2.0212"/><circle id="k" class="r" cx="19.8935" cy="40.9779" r="2.2555"/><circle id="l" class="r" cx="9.3354" cy="30.0283" r="1.1932"/><ellipse id="m" class="r" cx="19.0728" cy="5.836" rx="1.6008" ry=".8004"/><circle id="n" class="r" cx="26.5197" cy="39.261" r=".9508"/><circle id="o" class="r" cx="19.2734" cy="22.9938" r="1.4144"/><circle id="p" class="r" cx="25.1731" cy="28.0512" r="1.3919"/><path id="q" class="r" d="M23.3907,45.4915c-4.6569-6.1331-7.1905-13.7177-7.1905-21.5311,0-7.749,2.4921-15.276,7.0806-21.3856"/></g></svg>
More from Arcticons
View all
Moon Phase in other icon packs
Copied!