aperture icon
aperture-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- aperture-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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 256 256"><path fill="currentColor" d="M198.71 57.29A100 100 0 1 0 57.29 198.71A100 100 0 1 0 198.71 57.29m10.37 114.27l-61-11.14L210.4 87a92.26 92.26 0 0 1-1.32 84.52ZM95.87 122.13L117 97.24l32.14 5.86l11 30.77L139 158.76l-32.14-5.86Zm110.37-42.55l-40.13 47.25l-32.36-90.63a92.09 92.09 0 0 1 72.49 43.38M63 63a91.3 91.3 0 0 1 62.26-26.88L146 94.41l-94.68-17.3A93 93 0 0 1 63 63M47 84.49l61 11.14L45.6 169a92.26 92.26 0 0 1 1.32-84.52Zm2.84 92l40.13-47.25l32.36 90.63a92.09 92.09 0 0 1-72.49-43.38m143.29 16.63A91.3 91.3 0 0 1 130.87 220L110 161.59l94.72 17.3a93 93 0 0 1-11.67 14.16Z"/></svg>
React
import type { SVGProps } from "react";
export function PhApertureThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M198.71 57.29A100 100 0 1 0 57.29 198.71A100 100 0 1 0 198.71 57.29m10.37 114.27l-61-11.14L210.4 87a92.26 92.26 0 0 1-1.32 84.52ZM95.87 122.13L117 97.24l32.14 5.86l11 30.77L139 158.76l-32.14-5.86Zm110.37-42.55l-40.13 47.25l-32.36-90.63a92.09 92.09 0 0 1 72.49 43.38M63 63a91.3 91.3 0 0 1 62.26-26.88L146 94.41l-94.68-17.3A93 93 0 0 1 63 63M47 84.49l61 11.14L45.6 169a92.26 92.26 0 0 1 1.32-84.52Zm2.84 92l40.13-47.25l32.36 90.63a92.09 92.09 0 0 1-72.49-43.38m143.29 16.63A91.3 91.3 0 0 1 130.87 220L110 161.59l94.72 17.3a93 93 0 0 1-11.67 14.16Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M198.71 57.29A100 100 0 1 0 57.29 198.71A100 100 0 1 0 198.71 57.29m10.37 114.27l-61-11.14L210.4 87a92.26 92.26 0 0 1-1.32 84.52ZM95.87 122.13L117 97.24l32.14 5.86l11 30.77L139 158.76l-32.14-5.86Zm110.37-42.55l-40.13 47.25l-32.36-90.63a92.09 92.09 0 0 1 72.49 43.38M63 63a91.3 91.3 0 0 1 62.26-26.88L146 94.41l-94.68-17.3A93 93 0 0 1 63 63M47 84.49l61 11.14L45.6 169a92.26 92.26 0 0 1 1.32-84.52Zm2.84 92l40.13-47.25l32.36 90.63a92.09 92.09 0 0 1-72.49-43.38m143.29 16.63A91.3 91.3 0 0 1 130.87 220L110 161.59l94.72 17.3a93 93 0 0 1-11.67 14.16Z"/></svg> </template>
CSS
.icon-aperture-thin {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M198.71%2057.29A100%20100%200%201%200%2057.29%20198.71A100%20100%200%201%200%20198.71%2057.29m10.37%20114.27l-61-11.14L210.4%2087a92.26%2092.26%200%200%201-1.32%2084.52ZM95.87%20122.13L117%2097.24l32.14%205.86l11%2030.77L139%20158.76l-32.14-5.86Zm110.37-42.55l-40.13%2047.25l-32.36-90.63a92.09%2092.09%200%200%201%2072.49%2043.38M63%2063a91.3%2091.3%200%200%201%2062.26-26.88L146%2094.41l-94.68-17.3A93%2093%200%200%201%2063%2063M47%2084.49l61%2011.14L45.6%20169a92.26%2092.26%200%200%201%201.32-84.52Zm2.84%2092l40.13-47.25l32.36%2090.63a92.09%2092.09%200%200%201-72.49-43.38m143.29%2016.63A91.3%2091.3%200%200%201%20130.87%20220L110%20161.59l94.72%2017.3a93%2093%200%200%201-11.67%2014.16Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M198.71%2057.29A100%20100%200%201%200%2057.29%20198.71A100%20100%200%201%200%20198.71%2057.29m10.37%20114.27l-61-11.14L210.4%2087a92.26%2092.26%200%200%201-1.32%2084.52ZM95.87%20122.13L117%2097.24l32.14%205.86l11%2030.77L139%20158.76l-32.14-5.86Zm110.37-42.55l-40.13%2047.25l-32.36-90.63a92.09%2092.09%200%200%201%2072.49%2043.38M63%2063a91.3%2091.3%200%200%201%2062.26-26.88L146%2094.41l-94.68-17.3A93%2093%200%200%201%2063%2063M47%2084.49l61%2011.14L45.6%20169a92.26%2092.26%200%200%201%201.32-84.52Zm2.84%2092l40.13-47.25l32.36%2090.63a92.09%2092.09%200%200%201-72.49-43.38m143.29%2016.63A91.3%2091.3%200%200%201%20130.87%20220L110%20161.59l94.72%2017.3a93%2093%200%200%201-11.67%2014.16Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/aperture-thin.svg?color=%231a73e8&size=48
