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

Question Answer SVG icon, line

Two facing speech bubbles contain a question mark and a check mark. Place them beside answered questions in a help center or on a community Q&A page.

Similar SVGs

More from Communication icons, line · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5taTtPl_B29T/amnt.svg" alt="Question Answer" 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="green" data-name="Green"><path d="M551 627c14-3 66-16 76-15 6 1 8 4 12 8 20 17 42 32 67 42 57 23 122 17 175-14 102-58 131-201 62-295s-212-115-300-34c-42 38-68 92-68 149 0 19 2 38 7 57 3 11 12 23 9 34-2 11-33 52-40 68zM741 484c20-20 104-110 122-116 12-5 27-4 39 3 20 12 28 37 17 59-8 16-81 84-99 102-13 12-60 66-74 68-6 1-11 1-17-2-13-6-49-47-62-60-19-19-42-38-32-68 2-9 8-17 15-22 41-30 64 17 91 36z" fill="#18d273" stroke="#18d273"/></g><g id="blue" data-name="Blue"><path d="M475 626c-7-15-39-57-41-69s11-37 14-51c2-13 3-27 3-40-2-56-27-112-69-148-92-78-229-62-300 36-70 97-38 235 64 295 53 31 119 35 176 12 25-10 45-26 66-43 3-3 5-5 10-6 12-1 60 12 77 14zM260 540c44 17 32 85-16 85s-61-61-16-86c-35-14-30-59-9-84 10-12 23-19 34-29 18-15 3-35-17-26-11 5-11 21-19 29-14 16-41 18-57 6-31-23-10-65 11-85 47-46 143-39 170 26 13 34 5 70-21 94-11 9-29 17-34 31-6 17-6 30-26 39z" fill="#12a1fa" stroke="#12a1fa"/><path d="M217 585v-9z" fill="#12a1fa" stroke="#12a1fa"/><path d="M650 488v-8z" fill="#12a1fa" stroke="#12a1fa"/><path d="M161 406v-6z" fill="#12a1fa" stroke="#12a1fa"/></g><g id="grape" data-name="Grape"><path d="M566 553c-5 6-44 70-46 77-3 11 2 22 15 24s53-9 68-12c6-1 15-5 20-3 5 1 11 9 15 12 14 11 28 20 43 27 31 16 65 23 100 23 135 0 243-126 224-260-20-135-152-224-284-191-104 27-171 118-171 225 0 24 3 57 16 78zm-15 74c7-16 38-57 40-68 3-11-6-23-9-34-5-19-7-38-7-57 0-57 26-111 68-149 88-81 231-60 300 34s40 237-62 295c-53 31-118 37-175 14-25-10-47-25-67-42-4-4-6-7-12-8-10-1-62 12-76 15z" fill="#011e5c" stroke="#011e5c"/><path d="M238 243c-185 9-284 223-171 370 24 31 57 56 93 71 48 19 101 23 151 8 29-10 56-24 80-44 3-2 8-9 12-10 11-2 67 15 84 16 44 0 0-57-9-72-4-6-17-23-18-29 0-1 14-50 15-61 13-135-101-255-237-249zM475 626c-17-2-65-15-77-14-5 1-7 3-10 6-21 17-41 33-66 43-57 23-123 19-176-12-102-60-134-198-64-295 71-98 208-114 300-36 42 36 67 92 69 148 0 13-1 27-3 40-3 14-16 39-14 51s34 54 41 69z" fill="#011e5c" stroke="#011e5c"/><path d="M260 540c20-9 20-22 26-39 5-14 23-22 34-31 26-24 34-60 21-94-27-65-123-72-170-26-21 20-42 62-11 85 16 12 43 10 57-6 8-8 8-24 19-29 20-9 35 11 17 26-11 10-24 17-34 29-21 25-26 70 9 84-45 25-32 86 16 86s60-68 16-85zM161 406v-6c11-64 102-83 146-42 12 10 20 24 22 39 10 68-50 60-61 106-9 39-59 27-47-17 10-33 43-36 54-61 17-34-30-57-54-35-11 10-11 28-24 34-14 6-35-1-36-18zm56 179v-9c1-31 54-30 54 5 0 32-52 37-54 4z" fill="#011e5c" stroke="#011e5c"/><path d="M741 484c-27-19-50-66-91-36-7 5-13 13-15 22-10 30 13 49 32 68 13 13 49 54 62 60 6 3 11 3 17 2 14-2 61-56 74-68 18-18 91-86 99-102 11-22 3-47-17-59-12-7-27-8-39-3-18 6-102 96-122 116zm-91 4v-8c0-7 4-14 10-18 24-18 45 10 60 26 4 4 12 15 18 17 3 0 5 0 8-2 4-1 34-35 40-40 21-21 42-42 63-63 6-6 13-15 21-17 26-9 46 21 32 43-10 14-26 27-38 39-30 29-59 59-88 88-39 38-29 41-67 3-12-13-59-52-59-68z" fill="#011e5c" stroke="#011e5c"/></g><g id="white" data-name="White"><path d="M650 480v8c0 16 47 55 59 68 38 38 28 35 67-3 29-29 58-59 88-88 12-12 28-25 38-39 14-22-6-52-32-43-8 2-15 11-21 17-21 21-42 42-63 63-6 5-36 39-40 40-3 2-5 2-8 2-6-2-14-13-18-17-15-16-36-44-60-26-6 4-10 11-10 18z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M161 400v6c1 17 22 24 36 18 13-6 13-24 24-34 24-22 71 1 54 35-11 25-44 28-54 61-12 44 38 56 47 17 11-46 71-38 61-106-2-15-10-29-22-39-44-41-135-22-146 42z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M217 576v9c2 33 54 28 54-4 0-35-53-36-54-5z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>
CSS background-image
.question-answer {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5taTtPl_B29T/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.question-answer {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5taTtPl_B29T/amnt.svg") center / contain no-repeat;
}
React
import QuestionAnswerSvg from "./question-answer.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Question Answer: Two facing speech bubbles, one with a question mark and one with a check mark. A flat colour icon. as part of the pack Communication 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