Mention SVG icon, rounded

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kLQFL8Szta1T/amnt.svg" alt="Mention" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="red" data-name="Red"><path d="M496 136c-129 11-206 146-152 263 23 49 55 94 84 140 8 13 77 122 81 124 6 2 8-3 12-7 21-28 39-60 58-90 34-55 91-131 111-191 40-127-64-249-194-239zm3 82c107-11 163 126 77 192-15 11-32 19-51 21-107 10-164-127-77-192 15-11 32-19 51-21z" fill="#fc443e" stroke="#fc443e"/></g><g id="navy" data-name="Navy"><path d="M496 136c130-10 234 112 194 239-20 60-77 136-111 191-19 30-37 62-58 90-4 4-6 9-12 7-4-2-73-111-81-124-29-46-61-91-84-140-54-117 23-252 152-263zM664 797v-210c36 16 71 32 107 47 12 6 29 10 38 19 13 12 7 72 7 91s4 82 0 96c-1 4-4 8-8 9-9 4-22-4-31-7-25-10-51-20-76-30-12-5-26-8-37-15zM360 588v209c-12 8-27 11-40 16-24 10-48 19-72 28-8 3-21 11-30 9-5-1-8-5-10-10-3-13 0-76 0-94 0-22-4-59 0-79 1-6 5-11 10-15 9-7 24-11 35-16 35-16 72-30 107-48zm25 4c16 8 63 27 73 40 14 19 25 56 54 57 27 1 41-37 54-56 10-14 56-32 73-40 0 65 2 131 0 197 0 3 1 8-1 11s-55 26-63 30c-10 4-55 29-63 29-3 0-126-58-126-59-2-3-1-7-1-10-4-64 0-135 0-199zm40-9c0 0 0 0 0 0-47-15-36-36-91-11-30 13-60 26-89 39-17 8-40 14-52 29-5 6-9 14-10 22-2 14 0 30 0 45 0 33 0 66 0 100 0 13-2 29 1 42 5 17 24 28 40 27 19-2 86-31 107-39 9-4 29-15 38-15 8 0 42 20 52 24 20 10 71 39 91 39 21 0 68-28 90-38 10-5 44-24 53-24 7-1 28 10 36 13 21 8 91 39 109 40 17 1 35-10 40-27 3-12 1-27 1-40 0-35 0-69 0-103 0-15 2-32 0-46-2-9-7-19-13-25-12-12-31-17-46-24-30-14-60-27-90-40-51-22-48-7-93 12 7-16 20-31 29-46 46-72 101-144 96-233-6-110-105-194-211-194-108 0-206 83-213 193-5 88 48 158 93 229 10 17 24 33 32 51z" fill="#0e355e" stroke="#0e355e"/><path d="M499 218c-19 2-36 10-51 21-87 65-30 202 77 192 19-2 36-10 51-21 86-66 30-203-77-192zm2 26c107-11 125 146 21 161-80 12-122-94-60-144 11-9 25-15 39-17z" fill="#0e355e" stroke="#0e355e"/></g><g id="ivory" data-name="Ivory"><path d="M385 592c0 64-4 135 0 199 0 3-1 7 1 10 0 1 123 59 126 59 8 0 53-25 63-29 8-4 61-27 63-30s1-8 1-11c2-66 0-132 0-197-17 8-63 26-73 40-13 19-27 57-54 56-29-1-40-38-54-57-10-13-57-32-73-40z" fill="#fbf7ee" stroke="#fbf7ee"/><path d="M501 244c-14 2-28 8-39 17-62 50-20 156 60 144 104-15 86-172-21-161z" fill="#fbf7ee" stroke="#fbf7ee"/></g><g id="green" data-name="Green"><path d="M664 797c11 7 25 10 37 15 25 10 51 20 76 30 9 3 22 11 31 7 4-1 7-5 8-9 4-14 0-77 0-96s6-79-7-91c-9-9-26-13-38-19-36-15-71-31-107-47z" fill="#4cc68a" stroke="#4cc68a"/><path d="M360 588c-35 18-72 32-107 48-11 5-26 9-35 16-5 4-9 9-10 15-4 20 0 57 0 79 0 18-3 81 0 94 2 5 5 9 10 10 9 2 22-6 30-9 24-9 48-18 72-28 13-5 28-8 40-16z" fill="#4cc68a" stroke="#4cc68a"/></g></svg>

.mention {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kLQFL8Szta1T/amnt.svg");
  background-size: contain;
}

.mention {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kLQFL8Szta1T/amnt.svg") center / contain no-repeat;
}

import MentionSvg from "./mention.jsx"; // from the React tab above

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