image depth icon

image-depth-filled from Reicon by REICON · Filled · Video · MIT Free for personal and commercial use.

Name
image-depth-filled
Set
Reicon
Style
Filled
Category
Video
Viewbox
24×24
License
MIT

1 other variant in Reicon

image-depth

More video icons from Reicon

albumcameracamera-addcamera-add2camera-altcamera-offcamera-recordcamera-rotatecamera-squarecamera2camera3clapperboardclapperboard-editclapperboard-openclapperboard-open-playclapperboard-playclapperboard-textexit-fullscreenexit-fullscreen-circleexit-fullscreen-squareexit-pipfast-forwardfast-forward-circlefilm

Use the image depth icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.333 2.667c-.918 0-1.666.748-1.666 1.666S9.415 6 10.333 6S12 5.252 12 4.333s-.748-1.666-1.667-1.666M5.479 15.099l3.582-4.874l-.786-1.065c-.762-1.03-2.455-1.03-3.216 0l-3.684 4.984a1.99 1.99 0 0 0-.178 2.09a1.99 1.99 0 0 0 1.786 1.098h1.664a4.3 4.3 0 0 1 .833-2.235ZM20.364 20H8.969c-.885 0-1.682-.49-2.082-1.28a2.32 2.32 0 0 1 .202-2.435l5.698-7.75c.888-1.207 2.87-1.207 3.76 0l5.697 7.75c.525.712.603 1.645.203 2.435S21.249 20 20.364 20M13.592 9.128"/></svg>

React

import type { SVGProps } from "react";

export function ReiconImageDepthFilled(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="M10.333 2.667c-.918 0-1.666.748-1.666 1.666S9.415 6 10.333 6S12 5.252 12 4.333s-.748-1.666-1.667-1.666M5.479 15.099l3.582-4.874l-.786-1.065c-.762-1.03-2.455-1.03-3.216 0l-3.684 4.984a1.99 1.99 0 0 0-.178 2.09a1.99 1.99 0 0 0 1.786 1.098h1.664a4.3 4.3 0 0 1 .833-2.235ZM20.364 20H8.969c-.885 0-1.682-.49-2.082-1.28a2.32 2.32 0 0 1 .202-2.435l5.698-7.75c.888-1.207 2.87-1.207 3.76 0l5.697 7.75c.525.712.603 1.645.203 2.435S21.249 20 20.364 20M13.592 9.128"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.333 2.667c-.918 0-1.666.748-1.666 1.666S9.415 6 10.333 6S12 5.252 12 4.333s-.748-1.666-1.667-1.666M5.479 15.099l3.582-4.874l-.786-1.065c-.762-1.03-2.455-1.03-3.216 0l-3.684 4.984a1.99 1.99 0 0 0-.178 2.09a1.99 1.99 0 0 0 1.786 1.098h1.664a4.3 4.3 0 0 1 .833-2.235ZM20.364 20H8.969c-.885 0-1.682-.49-2.082-1.28a2.32 2.32 0 0 1 .202-2.435l5.698-7.75c.888-1.207 2.87-1.207 3.76 0l5.697 7.75c.525.712.603 1.645.203 2.435S21.249 20 20.364 20M13.592 9.128"/></svg>
</template>

CSS

.icon-image-depth-filled {
  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%22M10.333%202.667c-.918%200-1.666.748-1.666%201.666S9.415%206%2010.333%206S12%205.252%2012%204.333s-.748-1.666-1.667-1.666M5.479%2015.099l3.582-4.874l-.786-1.065c-.762-1.03-2.455-1.03-3.216%200l-3.684%204.984a1.99%201.99%200%200%200-.178%202.09a1.99%201.99%200%200%200%201.786%201.098h1.664a4.3%204.3%200%200%201%20.833-2.235ZM20.364%2020H8.969c-.885%200-1.682-.49-2.082-1.28a2.32%202.32%200%200%201%20.202-2.435l5.698-7.75c.888-1.207%202.87-1.207%203.76%200l5.697%207.75c.525.712.603%201.645.203%202.435S21.249%2020%2020.364%2020M13.592%209.128%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%22M10.333%202.667c-.918%200-1.666.748-1.666%201.666S9.415%206%2010.333%206S12%205.252%2012%204.333s-.748-1.666-1.667-1.666M5.479%2015.099l3.582-4.874l-.786-1.065c-.762-1.03-2.455-1.03-3.216%200l-3.684%204.984a1.99%201.99%200%200%200-.178%202.09a1.99%201.99%200%200%200%201.786%201.098h1.664a4.3%204.3%200%200%201%20.833-2.235ZM20.364%2020H8.969c-.885%200-1.682-.49-2.082-1.28a2.32%202.32%200%200%201%20.202-2.435l5.698-7.75c.888-1.207%202.87-1.207%203.76%200l5.697%207.75c.525.712.603%201.645.203%202.435S21.249%2020%2020.364%2020M13.592%209.128%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/image-depth-filled.svg?color=%231a73e8&size=48

Image Depth filled icon — Reicon · IconsDB