ios moon icon
ios-moon from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-moon
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios moon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M401.4 354.2c-2.9.1-5.8.2-8.7.2-47.9 0-93-18.9-126.8-53.4-33.9-34.4-52.5-80.1-52.5-128.8 0-27.7 6.1-54.5 17.5-78.7 3.1-6.6 9.3-16.6 13.6-23.4 1.9-2.9-.5-6.7-3.9-6.1-6 .9-15.2 2.9-27.7 6.8C135.1 95.5 80 168.7 80 255c0 106.6 85.1 193 190.1 193 58 0 110-26.4 144.9-68.1 6-7.2 11.5-13.8 16.4-21.8 1.8-3-.7-6.7-4.1-6.1-8.5 1.7-17.1 1.8-25.9 2.2z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosMoon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M401.4 354.2c-2.9.1-5.8.2-8.7.2-47.9 0-93-18.9-126.8-53.4-33.9-34.4-52.5-80.1-52.5-128.8 0-27.7 6.1-54.5 17.5-78.7 3.1-6.6 9.3-16.6 13.6-23.4 1.9-2.9-.5-6.7-3.9-6.1-6 .9-15.2 2.9-27.7 6.8C135.1 95.5 80 168.7 80 255c0 106.6 85.1 193 190.1 193 58 0 110-26.4 144.9-68.1 6-7.2 11.5-13.8 16.4-21.8 1.8-3-.7-6.7-4.1-6.1-8.5 1.7-17.1 1.8-25.9 2.2z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M401.4 354.2c-2.9.1-5.8.2-8.7.2-47.9 0-93-18.9-126.8-53.4-33.9-34.4-52.5-80.1-52.5-128.8 0-27.7 6.1-54.5 17.5-78.7 3.1-6.6 9.3-16.6 13.6-23.4 1.9-2.9-.5-6.7-3.9-6.1-6 .9-15.2 2.9-27.7 6.8C135.1 95.5 80 168.7 80 255c0 106.6 85.1 193 190.1 193 58 0 110-26.4 144.9-68.1 6-7.2 11.5-13.8 16.4-21.8 1.8-3-.7-6.7-4.1-6.1-8.5 1.7-17.1 1.8-25.9 2.2z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-moon {
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%20d%3D%22M401.4%20354.2c-2.9.1-5.8.2-8.7.2-47.9%200-93-18.9-126.8-53.4-33.9-34.4-52.5-80.1-52.5-128.8%200-27.7%206.1-54.5%2017.5-78.7%203.1-6.6%209.3-16.6%2013.6-23.4%201.9-2.9-.5-6.7-3.9-6.1-6%20.9-15.2%202.9-27.7%206.8C135.1%2095.5%2080%20168.7%2080%20255c0%20106.6%2085.1%20193%20190.1%20193%2058%200%20110-26.4%20144.9-68.1%206-7.2%2011.5-13.8%2016.4-21.8%201.8-3-.7-6.7-4.1-6.1-8.5%201.7-17.1%201.8-25.9%202.2z%22%20fill%3D%22currentColor%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%20d%3D%22M401.4%20354.2c-2.9.1-5.8.2-8.7.2-47.9%200-93-18.9-126.8-53.4-33.9-34.4-52.5-80.1-52.5-128.8%200-27.7%206.1-54.5%2017.5-78.7%203.1-6.6%209.3-16.6%2013.6-23.4%201.9-2.9-.5-6.7-3.9-6.1-6%20.9-15.2%202.9-27.7%206.8C135.1%2095.5%2080%20168.7%2080%20255c0%20106.6%2085.1%20193%20190.1%20193%2058%200%20110-26.4%20144.9-68.1%206-7.2%2011.5-13.8%2016.4-21.8%201.8-3-.7-6.7-4.1-6.1-8.5%201.7-17.1%201.8-25.9%202.2z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-moon.svg?color=%231a73e8&size=48
