Menu

Beta
Sign in
Camera SVG icon, rounded

Camera SVG icon, rounded

A camera symbol for capturing photos or video. Place it in a social app’s post composer or a creator dashboard’s media toolbar to mark camera features.

Free · from Creator Social Icons, Rounded

Similar SVGs

More from Creator Social Icons, Rounded

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_282YBYsfhw4/amnt.svg" alt="Camera" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M495 343c183-15 283 218 142 338-31 26-69 43-109 46-194 17-282-231-129-347 27-20 61-34 96-37zm279 13c45-7 56 61 13 68-44 8-56-60-13-68zM314 304h-88c-39-1-74 24-81 64-4 21-1 46-1 68 0 32 0 64 0 97s0 66 0 100c0 42-8 92 29 122 12 10 27 17 43 18 43 4 94 0 139 0 42 0 86 0 129 0 14 0 27 2 42 1 65-2 130 0 196 0 30 0 78 5 106-5 22-8 40-27 48-49 9-28 4-171 4-210 0-27 0-55 0-81 0-18 2-37 0-54-3-33-31-62-63-69-14-3-30-1-44-1-26 0-86 7-104-11-7-6-11-17-16-26-27-51-57-46-109-46-37 0-115-8-144 12-25 17-33 65-63 70-7 1-15 0-23 0z" fill="#153153" stroke="#153153"/><path d="M499 389c-32 3-61 17-84 37-105 93-29 267 110 255 29-2 57-14 80-33 109-90 36-271-106-259zm6 56c117-10 132 170 14 181-117 11-132-171-14-181z" fill="#153153" stroke="#153153"/></g><g id="white" data-name="White"><path d="M495 343c-35 3-69 17-96 37-153 116-65 364 129 347 40-3 78-20 109-46 141-120 41-353-142-338zm4 46c142-12 215 169 106 259-23 19-51 31-80 33-139 12-215-162-110-255 23-20 52-34 84-37z" fill="#fbf6f1" stroke="#fbf6f1"/></g><g id="periwinkle" data-name="Periwinkle"><path d="M505 445c-118 10-103 192 14 181 118-11 103-191-14-181z" fill="#5ca9f9" stroke="#5ca9f9"/></g><g id="gold" data-name="Gold"><path d="M226 304h88c10-7 16-13 15-25-1-31-38-25-59-25-22 0-59-6-59 26 0 11 6 18 15 24z" fill="#fcbf3b" stroke="#fcbf3b"/><path d="M774 356c-43 8-31 76 13 68 43-7 32-75-13-68z" fill="#fcbf3b" stroke="#fcbf3b"/></g></svg>
CSS background-image
.camera {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_282YBYsfhw4/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/_282YBYsfhw4/amnt.svg") center / contain no-repeat;
}
React
import CameraSvg from "./camera.jsx"; // from the React tab above

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

Tags

cameraphotocapturemedia

Made with AMNT

AMNT Draw 1.2 drew this from the words Camera. Flat, rounded icons in a consistent set. Use two colours and clean 2 px lines with rounded ends and corners. Keep each shape simple, balanced, and easy to recognise at small sizes. Use the same proportions, line weight, and colour placement for every icon. as part of the pack Creator Social Icons, Rounded. 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