aperture icon

aperture-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: aperture-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

aperture aperture-bold aperture-duotone aperture-light aperture-thin

The same icon in other sets

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

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="M232 128A104 104 0 0 0 54.46 54.46A104 104 0 0 0 128 232h.09A104 104 0 0 0 232 128M49.18 88.92l51.21 9.35l-53.74 63.26a88.4 88.4 0 0 1 2.53-72.61m160.17 5.54a88.4 88.4 0 0 1-2.53 72.62l-51.21-9.35Zm-8.08-15.2L167.55 119l-27.92-78.22a87.38 87.38 0 0 1 50.6 25a88.7 88.7 0 0 1 11.04 13.48m-78.84-39.07l17.51 49L58.3 74.32a89 89 0 0 1 7.47-8.55a87.37 87.37 0 0 1 56.66-25.58m-67.7 136.55L88.45 137l27.92 78.18a88 88 0 0 1-61.64-38.48Zm78.84 39.06l-17.51-49l23.08 4.2l58.52 10.69a87.5 87.5 0 0 1-64.13 34.12Z"/></svg>

React

import type { SVGProps } from "react";

export function PhApertureFill(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="M232 128A104 104 0 0 0 54.46 54.46A104 104 0 0 0 128 232h.09A104 104 0 0 0 232 128M49.18 88.92l51.21 9.35l-53.74 63.26a88.4 88.4 0 0 1 2.53-72.61m160.17 5.54a88.4 88.4 0 0 1-2.53 72.62l-51.21-9.35Zm-8.08-15.2L167.55 119l-27.92-78.22a87.38 87.38 0 0 1 50.6 25a88.7 88.7 0 0 1 11.04 13.48m-78.84-39.07l17.51 49L58.3 74.32a89 89 0 0 1 7.47-8.55a87.37 87.37 0 0 1 56.66-25.58m-67.7 136.55L88.45 137l27.92 78.18a88 88 0 0 1-61.64-38.48Zm78.84 39.06l-17.51-49l23.08 4.2l58.52 10.69a87.5 87.5 0 0 1-64.13 34.12Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 128A104 104 0 0 0 54.46 54.46A104 104 0 0 0 128 232h.09A104 104 0 0 0 232 128M49.18 88.92l51.21 9.35l-53.74 63.26a88.4 88.4 0 0 1 2.53-72.61m160.17 5.54a88.4 88.4 0 0 1-2.53 72.62l-51.21-9.35Zm-8.08-15.2L167.55 119l-27.92-78.22a87.38 87.38 0 0 1 50.6 25a88.7 88.7 0 0 1 11.04 13.48m-78.84-39.07l17.51 49L58.3 74.32a89 89 0 0 1 7.47-8.55a87.37 87.37 0 0 1 56.66-25.58m-67.7 136.55L88.45 137l27.92 78.18a88 88 0 0 1-61.64-38.48Zm78.84 39.06l-17.51-49l23.08 4.2l58.52 10.69a87.5 87.5 0 0 1-64.13 34.12Z"/></svg>
</template>

CSS

.icon-aperture-fill {
  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%22M232%20128A104%20104%200%200%200%2054.46%2054.46A104%20104%200%200%200%20128%20232h.09A104%20104%200%200%200%20232%20128M49.18%2088.92l51.21%209.35l-53.74%2063.26a88.4%2088.4%200%200%201%202.53-72.61m160.17%205.54a88.4%2088.4%200%200%201-2.53%2072.62l-51.21-9.35Zm-8.08-15.2L167.55%20119l-27.92-78.22a87.38%2087.38%200%200%201%2050.6%2025a88.7%2088.7%200%200%201%2011.04%2013.48m-78.84-39.07l17.51%2049L58.3%2074.32a89%2089%200%200%201%207.47-8.55a87.37%2087.37%200%200%201%2056.66-25.58m-67.7%20136.55L88.45%20137l27.92%2078.18a88%2088%200%200%201-61.64-38.48Zm78.84%2039.06l-17.51-49l23.08%204.2l58.52%2010.69a87.5%2087.5%200%200%201-64.13%2034.12Z%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%22M232%20128A104%20104%200%200%200%2054.46%2054.46A104%20104%200%200%200%20128%20232h.09A104%20104%200%200%200%20232%20128M49.18%2088.92l51.21%209.35l-53.74%2063.26a88.4%2088.4%200%200%201%202.53-72.61m160.17%205.54a88.4%2088.4%200%200%201-2.53%2072.62l-51.21-9.35Zm-8.08-15.2L167.55%20119l-27.92-78.22a87.38%2087.38%200%200%201%2050.6%2025a88.7%2088.7%200%200%201%2011.04%2013.48m-78.84-39.07l17.51%2049L58.3%2074.32a89%2089%200%200%201%207.47-8.55a87.37%2087.37%200%200%201%2056.66-25.58m-67.7%20136.55L88.45%20137l27.92%2078.18a88%2088%200%200%201-61.64-38.48Zm78.84%2039.06l-17.51-49l23.08%204.2l58.52%2010.69a87.5%2087.5%200%200%201-64.13%2034.12Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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