aperture icon
aperture-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- aperture-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Use the aperture icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.726 8.104A8.2 8.2 0 0 0 3.75 12c0 1.002.179 1.962.506 2.85h4.366l-1.42-2.457l-.019-.034zM4.111 6.27a1 1 0 0 1 .088-.12a9.74 9.74 0 0 1 8.837-3.846a9.76 9.76 0 0 1 7.924 5.844A9.7 9.7 0 0 1 21.75 12c0 2.141-.69 4.122-1.86 5.73a1 1 0 0 1-.09.12a9.74 9.74 0 0 1-8.836 3.846a9.76 9.76 0 0 1-7.924-5.844A9.7 9.7 0 0 1 2.25 12c0-2.142.69-4.122 1.86-5.73m1.549.451l2.182 3.78l1.425-2.468l.008-.015l2.463-4.264A8.23 8.23 0 0 0 5.66 6.721m7.743-2.852L11.22 7.65h7.792a8.26 8.26 0 0 0-5.609-3.781m6.341 5.281h-4.366l1.42 2.457l.019.034l2.457 4.255A8.2 8.2 0 0 0 20.25 12a8.2 8.2 0 0 0-.506-2.85m-1.404 8.129l-2.182-3.78l-3.896 6.747a8.23 8.23 0 0 0 6.078-2.967m-7.743 2.852l2.183-3.781H4.988a8.26 8.26 0 0 0 5.609 3.781"/></svg>
React
import type { SVGProps } from "react";
export function MynauiApertureSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.726 8.104A8.2 8.2 0 0 0 3.75 12c0 1.002.179 1.962.506 2.85h4.366l-1.42-2.457l-.019-.034zM4.111 6.27a1 1 0 0 1 .088-.12a9.74 9.74 0 0 1 8.837-3.846a9.76 9.76 0 0 1 7.924 5.844A9.7 9.7 0 0 1 21.75 12c0 2.141-.69 4.122-1.86 5.73a1 1 0 0 1-.09.12a9.74 9.74 0 0 1-8.836 3.846a9.76 9.76 0 0 1-7.924-5.844A9.7 9.7 0 0 1 2.25 12c0-2.142.69-4.122 1.86-5.73m1.549.451l2.182 3.78l1.425-2.468l.008-.015l2.463-4.264A8.23 8.23 0 0 0 5.66 6.721m7.743-2.852L11.22 7.65h7.792a8.26 8.26 0 0 0-5.609-3.781m6.341 5.281h-4.366l1.42 2.457l.019.034l2.457 4.255A8.2 8.2 0 0 0 20.25 12a8.2 8.2 0 0 0-.506-2.85m-1.404 8.129l-2.182-3.78l-3.896 6.747a8.23 8.23 0 0 0 6.078-2.967m-7.743 2.852l2.183-3.781H4.988a8.26 8.26 0 0 0 5.609 3.781"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.726 8.104A8.2 8.2 0 0 0 3.75 12c0 1.002.179 1.962.506 2.85h4.366l-1.42-2.457l-.019-.034zM4.111 6.27a1 1 0 0 1 .088-.12a9.74 9.74 0 0 1 8.837-3.846a9.76 9.76 0 0 1 7.924 5.844A9.7 9.7 0 0 1 21.75 12c0 2.141-.69 4.122-1.86 5.73a1 1 0 0 1-.09.12a9.74 9.74 0 0 1-8.836 3.846a9.76 9.76 0 0 1-7.924-5.844A9.7 9.7 0 0 1 2.25 12c0-2.142.69-4.122 1.86-5.73m1.549.451l2.182 3.78l1.425-2.468l.008-.015l2.463-4.264A8.23 8.23 0 0 0 5.66 6.721m7.743-2.852L11.22 7.65h7.792a8.26 8.26 0 0 0-5.609-3.781m6.341 5.281h-4.366l1.42 2.457l.019.034l2.457 4.255A8.2 8.2 0 0 0 20.25 12a8.2 8.2 0 0 0-.506-2.85m-1.404 8.129l-2.182-3.78l-3.896 6.747a8.23 8.23 0 0 0 6.078-2.967m-7.743 2.852l2.183-3.781H4.988a8.26 8.26 0 0 0 5.609 3.781"/></svg> </template>
CSS
.icon-aperture-solid {
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%22currentColor%22%20d%3D%22M4.726%208.104A8.2%208.2%200%200%200%203.75%2012c0%201.002.179%201.962.506%202.85h4.366l-1.42-2.457l-.019-.034zM4.111%206.27a1%201%200%200%201%20.088-.12a9.74%209.74%200%200%201%208.837-3.846a9.76%209.76%200%200%201%207.924%205.844A9.7%209.7%200%200%201%2021.75%2012c0%202.141-.69%204.122-1.86%205.73a1%201%200%200%201-.09.12a9.74%209.74%200%200%201-8.836%203.846a9.76%209.76%200%200%201-7.924-5.844A9.7%209.7%200%200%201%202.25%2012c0-2.142.69-4.122%201.86-5.73m1.549.451l2.182%203.78l1.425-2.468l.008-.015l2.463-4.264A8.23%208.23%200%200%200%205.66%206.721m7.743-2.852L11.22%207.65h7.792a8.26%208.26%200%200%200-5.609-3.781m6.341%205.281h-4.366l1.42%202.457l.019.034l2.457%204.255A8.2%208.2%200%200%200%2020.25%2012a8.2%208.2%200%200%200-.506-2.85m-1.404%208.129l-2.182-3.78l-3.896%206.747a8.23%208.23%200%200%200%206.078-2.967m-7.743%202.852l2.183-3.781H4.988a8.26%208.26%200%200%200%205.609%203.781%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%22currentColor%22%20d%3D%22M4.726%208.104A8.2%208.2%200%200%200%203.75%2012c0%201.002.179%201.962.506%202.85h4.366l-1.42-2.457l-.019-.034zM4.111%206.27a1%201%200%200%201%20.088-.12a9.74%209.74%200%200%201%208.837-3.846a9.76%209.76%200%200%201%207.924%205.844A9.7%209.7%200%200%201%2021.75%2012c0%202.141-.69%204.122-1.86%205.73a1%201%200%200%201-.09.12a9.74%209.74%200%200%201-8.836%203.846a9.76%209.76%200%200%201-7.924-5.844A9.7%209.7%200%200%201%202.25%2012c0-2.142.69-4.122%201.86-5.73m1.549.451l2.182%203.78l1.425-2.468l.008-.015l2.463-4.264A8.23%208.23%200%200%200%205.66%206.721m7.743-2.852L11.22%207.65h7.792a8.26%208.26%200%200%200-5.609-3.781m6.341%205.281h-4.366l1.42%202.457l.019.034l2.457%204.255A8.2%208.2%200%200%200%2020.25%2012a8.2%208.2%200%200%200-.506-2.85m-1.404%208.129l-2.182-3.78l-3.896%206.747a8.23%208.23%200%200%200%206.078-2.967m-7.743%202.852l2.183-3.781H4.988a8.26%208.26%200%200%200%205.609%203.781%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/aperture-solid.svg?color=%231a73e8&size=48