Menu

Beta
Sign in
Video Camera SVG icon, rounded

Video Camera SVG icon, rounded

A video camera symbol for recording or creating video content. Use it in a mobile app’s recording tools or on a creator platform’s upload page.

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/8AQlV8P-7vIe/amnt.svg" alt="Video 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="blue" data-name="Blue"><path d="M215 464c-48 6-42 54-42 90 0 23 0 46 0 69 0 22 0 44 0 66 0 49 5 72 61 72 91 0 183 0 275 0 34 0 90 4 122 0 48-6 42-56 42-90 0-23 0-46 0-68s0-43 0-64c0-49-5-75-60-75-92 0-185 0-276 0-34 0-92-4-122 0zm77 57c93-10 106 134 15 143-93 9-106-133-15-143z" fill="#2282f1" stroke="#2282f1"/><path d="M524 214c-95 9-120 138-43 189 19 12 42 18 64 15 132-17 112-216-21-204z" fill="#2282f1" stroke="#2282f1"/><path d="M708 555c0 21-3 95 0 109 0 3 0 4 1 6 2 5 55 34 63 40 22 13 44 30 67 42 4 1 6 4 10 2 7-4 5-76 5-87 0-36 0-71 0-106 0-13 3-86-3-91-3-3-5-1-9 0-11 4-21 14-31 20-34 21-69 43-103 65z" fill="#2282f1" stroke="#2282f1"/><path d="M290 271c-87 12-76 150 17 141 90-9 76-153-17-141z" fill="#2282f1" stroke="#2282f1"/><path d="M336 596v-8z" fill="#2282f1" stroke="#2282f1"/></g><g id="navy" data-name="Navy"><path d="M612 429c81-58 78-184-9-233-62-35-146-16-183 46-14 23-17 47-20 74-7-15-10-30-21-43-34-43-97-50-141-16-60 45-58 130 3 173-123 0-104 93-104 184 0 87-19 185 104 182 90-2 181 0 272 0 20-1 41-2 61-1 21 1 42 3 62 0 43-7 73-44 72-87 13 11 111 74 125 79 5 2 10 3 14 3 16 0 31-11 36-25 10-23 5-124 5-154 0-27 0-54 0-80 0-33 9-101-42-98-17 1-117 68-138 82 2-37-24-71-59-82-12-3-24-2-37-4zM524 214c133-12 153 187 21 204-22 3-45-3-64-15-77-51-52-180 43-189zM290 271c93-12 107 132 17 141-93 9-104-129-17-141zm112 75c13 36 24 61 57 84h-101c25-19 46-51 44-84zM215 464c30-4 88 0 122 0 91 0 184 0 276 0 55 0 60 26 60 75 0 21 0 42 0 64s0 45 0 68c0 34 6 84-42 90-32 4-88 0-122 0-92 0-184 0-275 0-56 0-61-23-61-72 0-22 0-44 0-66 0-23 0-46 0-69 0-36-6-84 42-90zm493 91c34-22 69-44 103-65 10-6 20-16 31-20 4-1 6-3 9 0 6 5 3 78 3 91 0 35 0 70 0 106 0 11 2 83-5 87-4 2-6-1-10-2-23-12-45-29-67-42-8-6-61-35-63-40-1-2-1-3-1-6-3-14 0-88 0-109z" fill="#0b2854" stroke="#0b2854"/><path d="M292 521c-91 10-78 152 15 143 91-9 78-153-15-143zm44 67v8c-4 45-72 41-72-3 0-45 68-49 72-5z" fill="#0b2854" stroke="#0b2854"/></g><g id="white" data-name="White"><path d="M336 596v-8c-4-44-72-40-72 5 0 44 68 48 72 3z" fill="#ebf3fb" stroke="#ebf3fb"/></g></svg>
CSS background-image
.video-camera {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8AQlV8P-7vIe/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.video-camera {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8AQlV8P-7vIe/amnt.svg") center / contain no-repeat;
}
React
import VideoCameraSvg from "./video-camera.jsx"; // from the React tab above

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

Tags

videocamerarecordingcreator

Made with AMNT

AMNT Draw 1.2 drew this from the words Video 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