Menu

Beta
Sign in
Beta

Colours and style

Every picture in the library follows these, and so does every download.

Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
Circle SVG logo, flat

Circle SVG logo, flat

A solid circle sits in the centre with plenty of clear space around it. Use it as a marker on a presentation diagram or a bullet on a printed checklist.

Free · from Abstract Marks, Flat · Set 2

Similar SVGs

More from Abstract Marks, Flat · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/PvoIzotwiJtw/amnt.svg" alt="Circle" 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="purple" data-name="Purple"><path d="M497 133c-207 10-369 187-361 394 8 210 184 365 392 361 205-4 369-191 360-393-9-205-186-371-391-362z" fill="#0139fa" stroke="#0139fa"/></g><g id="grape" data-name="Grape"><path d="M492 113c-220 11-385 202-376 420 9 211 203 392 417 375 219-17 387-194 375-417-11-217-199-388-416-378zm5 20c205-9 382 157 391 362 9 202-155 389-360 393-208 4-384-151-392-361-8-207 154-384 361-394z" fill="#021672" stroke="#021672"/></g></svg>
CSS background-image
.circle {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/PvoIzotwiJtw/amnt.svg");
  background-size: contain;
}
React
import CircleSvg from "./circle.jsx"; // from the React tab above

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

Tags

circlerounddiscabstract markslogoflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Circle: One solid circle centred with a wide clear margin. A flat logo mark. as part of the pack Abstract Marks, Flat · Set 2. 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

Browse the library

Settings