aperture icon

aperture-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: aperture-sharp
Set: IonIcons
Style: Sharp
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="m216 48l129.49 128.18V48zm-34.53 10.38L80 134h176zM336 344h128V216zm118-162L378 80v176zM48 166v128l128-128zm282 288l102-76H256zM58 330l76 102V256zm287.49-107.88l-55.55-55.46h-67.88l-55.55 55.46v67.76l55.62 55.52c.44 0 .88-.06 1.33-.06h66.48l55.55-55.46ZM165.98 336.09L166 464h128z"/></svg>

React

import type { SVGProps } from "react";

export function IonApertureSharp(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="m216 48l129.49 128.18V48zm-34.53 10.38L80 134h176zM336 344h128V216zm118-162L378 80v176zM48 166v128l128-128zm282 288l102-76H256zM58 330l76 102V256zm287.49-107.88l-55.55-55.46h-67.88l-55.55 55.46v67.76l55.62 55.52c.44 0 .88-.06 1.33-.06h66.48l55.55-55.46ZM165.98 336.09L166 464h128z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m216 48l129.49 128.18V48zm-34.53 10.38L80 134h176zM336 344h128V216zm118-162L378 80v176zM48 166v128l128-128zm282 288l102-76H256zM58 330l76 102V256zm287.49-107.88l-55.55-55.46h-67.88l-55.55 55.46v67.76l55.62 55.52c.44 0 .88-.06 1.33-.06h66.48l55.55-55.46ZM165.98 336.09L166 464h128z"/></svg>
</template>

CSS

.icon-aperture-sharp {
  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%22m216%2048l129.49%20128.18V48zm-34.53%2010.38L80%20134h176zM336%20344h128V216zm118-162L378%2080v176zM48%20166v128l128-128zm282%20288l102-76H256zM58%20330l76%20102V256zm287.49-107.88l-55.55-55.46h-67.88l-55.55%2055.46v67.76l55.62%2055.52c.44%200%20.88-.06%201.33-.06h66.48l55.55-55.46ZM165.98%20336.09L166%20464h128z%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%22m216%2048l129.49%20128.18V48zm-34.53%2010.38L80%20134h176zM336%20344h128V216zm118-162L378%2080v176zM48%20166v128l128-128zm282%20288l102-76H256zM58%20330l76%20102V256zm287.49-107.88l-55.55-55.46h-67.88l-55.55%2055.46v67.76l55.62%2055.52c.44%200%20.88-.06%201.33-.06h66.48l55.55-55.46ZM165.98%20336.09L166%20464h128z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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