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%
Info SVG icon, line

Info SVG icon, line

Inside a circle, a dot sits above a short vertical stroke. It fits beside form instructions or in an app’s details panel.

Similar SVGs

More from Interface icons, line · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/B8t-VH9b9I-E/amnt.svg" alt="Info" 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="white" data-name="White"><path d="M502 275c90-10 106 122 19 134-88 12-105-124-19-134zm1 173c25-3 52 11 59 37 5 21 1 75 1 100 0 22 0 44 0 67 0 36 5 80-43 87-24 4-50-10-57-34-8-23-3-75-3-101 0-22 0-44 0-65 0-36-4-84 43-91zm25-309h-31l-7 1c-28 0-57 6-84 14-143 44-261 185-260 338v30c0 41 10 82 25 120 56 139 192 231 342 231s284-95 340-234c14-37 24-78 24-118v-28c0-157-122-305-273-342-22-6-46-12-69-11z" fill="#fbfbfb" stroke="#fbfbfb"/></g><g id="grape" data-name="Grape"><path d="M505 105c-225 10-393 183-393 409 0 186 143 351 324 385 27 5 55 9 82 8 225-10 394-182 393-408-1-214-191-403-406-394zm-8 34h31l7 1c23-1 47 5 69 11 151 37 273 185 273 342v28c0 40-10 81-24 118-56 139-190 234-340 234s-286-92-342-231c-15-38-25-79-25-120v-30c-1-153 117-294 260-338 27-8 56-14 84-14z" fill="#082569" stroke="#082569"/></g><g id="turquoise" data-name="Turquoise"><path d="M503 448c-47 7-43 55-43 91 0 21 0 43 0 65 0 26-5 78 3 101 7 24 33 38 57 34 48-7 43-51 43-87 0-23 0-45 0-67 0-25 4-79-1-100-7-26-34-40-59-37z" fill="#02b3aa" stroke="#02b3aa"/><path d="M502 275c-86 10-69 146 19 134 87-12 71-144-19-134z" fill="#02b3aa" stroke="#02b3aa"/><path d="M146 522v-30z" fill="#02b3aa" stroke="#02b3aa"/><path d="M877 521v-28z" fill="#02b3aa" stroke="#02b3aa"/><path d="M490 140l7-1z" fill="#02b3aa" stroke="#02b3aa"/><path d="M535 140l-7-1z" fill="#02b3aa" stroke="#02b3aa"/></g></svg>
CSS background-image
.info {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/B8t-VH9b9I-E/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.info {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/B8t-VH9b9I-E/amnt.svg") center / contain no-repeat;
}
React
import InfoSvg from "./info.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Info: Circle containing a small dot above a short vertical stroke. A flat colour icon. as part of the pack Interface icons, line · 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

Settings