Menu

Camera SVG icon, line

Camera SVG icon, line

A camera symbol for taking or viewing photos, suitable for photo-editing apps and camera equipment rental websites. It can mark image capture or photo features.

Free

Similar SVGs

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5YaOxEkXDb5E/amnt.svg" alt="Camera" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><g id="layer-1" data-name="Shape 1"><path d="M8 23L19 23L23 17L41 17L45 23L56 23C58.21 23 60 24.79 60 27L60 51C60 53.21 58.21 55 56 55L8 55C5.79 55 4 53.21 4 51L4 27C4 24.79 5.79 23 8 23Z" fill="none" stroke="#d93636" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Circle 2"><path d="M43 38C43 44.08 38.08 49 32 49C25.92 49 21 44.08 21 38C21 31.92 25.92 27 32 27C38.08 27 43 31.92 43 38Z" fill="none" stroke="#d93636" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Circle 3"><path d="M52 30C52 30.55 51.55 31 51 31C50.45 31 50 30.55 50 30C50 29.45 50.45 29 51 29C51.55 29 52 29.45 52 30Z" fill="#d93636"/></g></svg>
CSS background-image
.camera {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5YaOxEkXDb5E/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.camera {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5YaOxEkXDb5E/amnt.svg") center / contain no-repeat;
}
React
import CameraSvg from "./camera.jsx"; // from the React tab above

<CameraSvg width={48} height={48} />

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words a camera icon. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings