camera plus icon

camera-plus-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: camera-plus-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

camera-plus camera-plus-bold camera-plus-duotone camera-plus-fill camera-plus-thin

The same icon in other sets

camera-plusBoxIcons v2 Solid camera-plusMaterial Design Icons camera-plusTabler Icons camera-plusUnicons

Related icons in Phosphor

camera-rotate camera-slash

Use the camera plus icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M166 136a6 6 0 0 1-6 6h-26v26a6 6 0 0 1-12 0v-26H96a6 6 0 0 1 0-12h26v-26a6 6 0 0 1 12 0v26h26a6 6 0 0 1 6 6m64-56v112a22 22 0 0 1-22 22H48a22 22 0 0 1-22-22V80a22 22 0 0 1 22-22h28.79l11.84-17.77A14 14 0 0 1 100.28 34h55.44a14 14 0 0 1 11.65 6.23L179.21 58H208a22 22 0 0 1 22 22m-12 0a10 10 0 0 0-10-10h-32a6 6 0 0 1-5-2.67l-13.62-20.44a2 2 0 0 0-1.66-.89h-55.44a2 2 0 0 0-1.66.89L85 67.33A6 6 0 0 1 80 70H48a10 10 0 0 0-10 10v112a10 10 0 0 0 10 10h160a10 10 0 0 0 10-10Z"/></svg>

React

import type { SVGProps } from "react";

export function PhCameraPlusLight(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="M166 136a6 6 0 0 1-6 6h-26v26a6 6 0 0 1-12 0v-26H96a6 6 0 0 1 0-12h26v-26a6 6 0 0 1 12 0v26h26a6 6 0 0 1 6 6m64-56v112a22 22 0 0 1-22 22H48a22 22 0 0 1-22-22V80a22 22 0 0 1 22-22h28.79l11.84-17.77A14 14 0 0 1 100.28 34h55.44a14 14 0 0 1 11.65 6.23L179.21 58H208a22 22 0 0 1 22 22m-12 0a10 10 0 0 0-10-10h-32a6 6 0 0 1-5-2.67l-13.62-20.44a2 2 0 0 0-1.66-.89h-55.44a2 2 0 0 0-1.66.89L85 67.33A6 6 0 0 1 80 70H48a10 10 0 0 0-10 10v112a10 10 0 0 0 10 10h160a10 10 0 0 0 10-10Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M166 136a6 6 0 0 1-6 6h-26v26a6 6 0 0 1-12 0v-26H96a6 6 0 0 1 0-12h26v-26a6 6 0 0 1 12 0v26h26a6 6 0 0 1 6 6m64-56v112a22 22 0 0 1-22 22H48a22 22 0 0 1-22-22V80a22 22 0 0 1 22-22h28.79l11.84-17.77A14 14 0 0 1 100.28 34h55.44a14 14 0 0 1 11.65 6.23L179.21 58H208a22 22 0 0 1 22 22m-12 0a10 10 0 0 0-10-10h-32a6 6 0 0 1-5-2.67l-13.62-20.44a2 2 0 0 0-1.66-.89h-55.44a2 2 0 0 0-1.66.89L85 67.33A6 6 0 0 1 80 70H48a10 10 0 0 0-10 10v112a10 10 0 0 0 10 10h160a10 10 0 0 0 10-10Z"/></svg>
</template>

CSS

.icon-camera-plus-light {
  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%22M166%20136a6%206%200%200%201-6%206h-26v26a6%206%200%200%201-12%200v-26H96a6%206%200%200%201%200-12h26v-26a6%206%200%200%201%2012%200v26h26a6%206%200%200%201%206%206m64-56v112a22%2022%200%200%201-22%2022H48a22%2022%200%200%201-22-22V80a22%2022%200%200%201%2022-22h28.79l11.84-17.77A14%2014%200%200%201%20100.28%2034h55.44a14%2014%200%200%201%2011.65%206.23L179.21%2058H208a22%2022%200%200%201%2022%2022m-12%200a10%2010%200%200%200-10-10h-32a6%206%200%200%201-5-2.67l-13.62-20.44a2%202%200%200%200-1.66-.89h-55.44a2%202%200%200%200-1.66.89L85%2067.33A6%206%200%200%201%2080%2070H48a10%2010%200%200%200-10%2010v112a10%2010%200%200%200%2010%2010h160a10%2010%200%200%200%2010-10Z%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%22M166%20136a6%206%200%200%201-6%206h-26v26a6%206%200%200%201-12%200v-26H96a6%206%200%200%201%200-12h26v-26a6%206%200%200%201%2012%200v26h26a6%206%200%200%201%206%206m64-56v112a22%2022%200%200%201-22%2022H48a22%2022%200%200%201-22-22V80a22%2022%200%200%201%2022-22h28.79l11.84-17.77A14%2014%200%200%201%20100.28%2034h55.44a14%2014%200%200%201%2011.65%206.23L179.21%2058H208a22%2022%200%200%201%2022%2022m-12%200a10%2010%200%200%200-10-10h-32a6%206%200%200%201-5-2.67l-13.62-20.44a2%202%200%200%200-1.66-.89h-55.44a2%202%200%200%200-1.66.89L85%2067.33A6%206%200%200%201%2080%2070H48a10%2010%200%200%200-10%2010v112a10%2010%200%200%200%2010%2010h160a10%2010%200%200%200%2010-10Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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