aperture icon

aperture from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: aperture
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

apertureBoxIcons v2 apertureCarbon apertureFeather Icons apertureHuge Icons apertureJam Icons apertureLucide apertureMyna UI Icons aperturePhosphor apertureTabler Icons

Use the aperture icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m250.54 129.17l-67.8-67.8A209.65 209.65 0 0 0 86.32 136h161.4a4 4 0 0 0 2.82-6.83M167.72 168H67.63a207.34 207.34 0 0 0-16.15 125.9l119.06-119.07a4 4 0 0 0-2.82-6.83m176.28-.28V67.56a207.82 207.82 0 0 0-125.89-16.08l119.06 119.06a4 4 0 0 0 6.83-2.82m116.52 50.38L341.46 337.17a4 4 0 0 0 2.82 6.83h100.09a207.34 207.34 0 0 0 16.15-125.9m-77.69 32.44l67.83-67.82A209.1 209.1 0 0 0 376 86.2v161.52a4 4 0 0 0 6.83 2.82m-161.15 91.23a8 8 0 0 0 5.54 2.23h59.66a8 8 0 0 0 5.7-2.39l49.18-50a8 8 0 0 0 2.3-5.62l-.06-60.81a8 8 0 0 0-2.38-5.69l-50-49.25a8 8 0 0 0-5.63-2.3l-60.84.06a8 8 0 0 0-5.69 2.38l-49.25 50a8 8 0 0 0-2.3 5.63l.06 60.78a8 8 0 0 0 2.45 5.76Zm39.78 41.06l67.8 67.8A209.65 209.65 0 0 0 425.68 376h-161.4a4 4 0 0 0-2.82 6.83M168 344.28v100.16a207.82 207.82 0 0 0 125.89 16.08L174.83 341.46a4 4 0 0 0-6.83 2.82m-38.83-82.82l-67.83 67.83A209.1 209.1 0 0 0 136 425.8V264.28a4 4 0 0 0-6.83-2.82"/></svg>

React

import type { SVGProps } from "react";

export function IonAperture(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m250.54 129.17l-67.8-67.8A209.65 209.65 0 0 0 86.32 136h161.4a4 4 0 0 0 2.82-6.83M167.72 168H67.63a207.34 207.34 0 0 0-16.15 125.9l119.06-119.07a4 4 0 0 0-2.82-6.83m176.28-.28V67.56a207.82 207.82 0 0 0-125.89-16.08l119.06 119.06a4 4 0 0 0 6.83-2.82m116.52 50.38L341.46 337.17a4 4 0 0 0 2.82 6.83h100.09a207.34 207.34 0 0 0 16.15-125.9m-77.69 32.44l67.83-67.82A209.1 209.1 0 0 0 376 86.2v161.52a4 4 0 0 0 6.83 2.82m-161.15 91.23a8 8 0 0 0 5.54 2.23h59.66a8 8 0 0 0 5.7-2.39l49.18-50a8 8 0 0 0 2.3-5.62l-.06-60.81a8 8 0 0 0-2.38-5.69l-50-49.25a8 8 0 0 0-5.63-2.3l-60.84.06a8 8 0 0 0-5.69 2.38l-49.25 50a8 8 0 0 0-2.3 5.63l.06 60.78a8 8 0 0 0 2.45 5.76Zm39.78 41.06l67.8 67.8A209.65 209.65 0 0 0 425.68 376h-161.4a4 4 0 0 0-2.82 6.83M168 344.28v100.16a207.82 207.82 0 0 0 125.89 16.08L174.83 341.46a4 4 0 0 0-6.83 2.82m-38.83-82.82l-67.83 67.83A209.1 209.1 0 0 0 136 425.8V264.28a4 4 0 0 0-6.83-2.82"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m250.54 129.17l-67.8-67.8A209.65 209.65 0 0 0 86.32 136h161.4a4 4 0 0 0 2.82-6.83M167.72 168H67.63a207.34 207.34 0 0 0-16.15 125.9l119.06-119.07a4 4 0 0 0-2.82-6.83m176.28-.28V67.56a207.82 207.82 0 0 0-125.89-16.08l119.06 119.06a4 4 0 0 0 6.83-2.82m116.52 50.38L341.46 337.17a4 4 0 0 0 2.82 6.83h100.09a207.34 207.34 0 0 0 16.15-125.9m-77.69 32.44l67.83-67.82A209.1 209.1 0 0 0 376 86.2v161.52a4 4 0 0 0 6.83 2.82m-161.15 91.23a8 8 0 0 0 5.54 2.23h59.66a8 8 0 0 0 5.7-2.39l49.18-50a8 8 0 0 0 2.3-5.62l-.06-60.81a8 8 0 0 0-2.38-5.69l-50-49.25a8 8 0 0 0-5.63-2.3l-60.84.06a8 8 0 0 0-5.69 2.38l-49.25 50a8 8 0 0 0-2.3 5.63l.06 60.78a8 8 0 0 0 2.45 5.76Zm39.78 41.06l67.8 67.8A209.65 209.65 0 0 0 425.68 376h-161.4a4 4 0 0 0-2.82 6.83M168 344.28v100.16a207.82 207.82 0 0 0 125.89 16.08L174.83 341.46a4 4 0 0 0-6.83 2.82m-38.83-82.82l-67.83 67.83A209.1 209.1 0 0 0 136 425.8V264.28a4 4 0 0 0-6.83-2.82"/></svg>
</template>

CSS

.icon-aperture {
  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%20fill%3D%22currentColor%22%20d%3D%22m250.54%20129.17l-67.8-67.8A209.65%20209.65%200%200%200%2086.32%20136h161.4a4%204%200%200%200%202.82-6.83M167.72%20168H67.63a207.34%20207.34%200%200%200-16.15%20125.9l119.06-119.07a4%204%200%200%200-2.82-6.83m176.28-.28V67.56a207.82%20207.82%200%200%200-125.89-16.08l119.06%20119.06a4%204%200%200%200%206.83-2.82m116.52%2050.38L341.46%20337.17a4%204%200%200%200%202.82%206.83h100.09a207.34%20207.34%200%200%200%2016.15-125.9m-77.69%2032.44l67.83-67.82A209.1%20209.1%200%200%200%20376%2086.2v161.52a4%204%200%200%200%206.83%202.82m-161.15%2091.23a8%208%200%200%200%205.54%202.23h59.66a8%208%200%200%200%205.7-2.39l49.18-50a8%208%200%200%200%202.3-5.62l-.06-60.81a8%208%200%200%200-2.38-5.69l-50-49.25a8%208%200%200%200-5.63-2.3l-60.84.06a8%208%200%200%200-5.69%202.38l-49.25%2050a8%208%200%200%200-2.3%205.63l.06%2060.78a8%208%200%200%200%202.45%205.76Zm39.78%2041.06l67.8%2067.8A209.65%20209.65%200%200%200%20425.68%20376h-161.4a4%204%200%200%200-2.82%206.83M168%20344.28v100.16a207.82%20207.82%200%200%200%20125.89%2016.08L174.83%20341.46a4%204%200%200%200-6.83%202.82m-38.83-82.82l-67.83%2067.83A209.1%20209.1%200%200%200%20136%20425.8V264.28a4%204%200%200%200-6.83-2.82%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%20fill%3D%22currentColor%22%20d%3D%22m250.54%20129.17l-67.8-67.8A209.65%20209.65%200%200%200%2086.32%20136h161.4a4%204%200%200%200%202.82-6.83M167.72%20168H67.63a207.34%20207.34%200%200%200-16.15%20125.9l119.06-119.07a4%204%200%200%200-2.82-6.83m176.28-.28V67.56a207.82%20207.82%200%200%200-125.89-16.08l119.06%20119.06a4%204%200%200%200%206.83-2.82m116.52%2050.38L341.46%20337.17a4%204%200%200%200%202.82%206.83h100.09a207.34%20207.34%200%200%200%2016.15-125.9m-77.69%2032.44l67.83-67.82A209.1%20209.1%200%200%200%20376%2086.2v161.52a4%204%200%200%200%206.83%202.82m-161.15%2091.23a8%208%200%200%200%205.54%202.23h59.66a8%208%200%200%200%205.7-2.39l49.18-50a8%208%200%200%200%202.3-5.62l-.06-60.81a8%208%200%200%200-2.38-5.69l-50-49.25a8%208%200%200%200-5.63-2.3l-60.84.06a8%208%200%200%200-5.69%202.38l-49.25%2050a8%208%200%200%200-2.3%205.63l.06%2060.78a8%208%200%200%200%202.45%205.76Zm39.78%2041.06l67.8%2067.8A209.65%20209.65%200%200%200%20425.68%20376h-161.4a4%204%200%200%200-2.82%206.83M168%20344.28v100.16a207.82%20207.82%200%200%200%20125.89%2016.08L174.83%20341.46a4%204%200%200%200-6.83%202.82m-38.83-82.82l-67.83%2067.83A209.1%20209.1%200%200%200%20136%20425.8V264.28a4%204%200%200%200-6.83-2.82%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/aperture.svg?color=%231a73e8&size=48