Title Banner SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cream" data-name="Cream"><path d="M854 550c5-12 1-108 1-128 0-11 2-23-2-33-7-19-65-12-82-12-87 0-173 0-259 0-87 0-173 0-259 0-18 0-75-7-82 12-4 10-2 23-2 34 0 34-4 95 1 127 6-5 13-8 21-9 15-2 31 0 46 0 33 0 67 0 101 0 58 0 116 0 175 0 58 0 116 0 175 0 33 0 66 0 100 0 14 0 31-2 45 0 8 1 15 4 21 9z" fill="#fbf0d1" stroke="#fbf0d1"/><path d="M999 423h-133l-1 8c19 5 53 1 73 1 12 0 25 1 38 1l-67 76 67 78c-41 0-82 0-122 0-16 0-33-3-48 0-5 1-9 3-12 6 17 7 173 3 204 3-10-9-74-80-74-86 0-7 65-78 75-87z" fill="#fbf0d1" stroke="#fbf0d1"/><path d="M158 423h-133l75 85c-3 11-63 76-74 88 26 0 191 4 202-2-2-11-75-7-88-7-32 0-63 0-94 0l67-77-67-77c15 0 104 2 112-1z" fill="#fbf0d1" stroke="#fbf0d1"/><path d="M784 553l1 33c19-19 56-5 62-19 9-20-53-14-63-14z" fill="#fbf0d1" stroke="#fbf0d1"/><path d="M240 553c-10 0-71-6-62 14 6 14 43 1 61 19 2-10 1-22 1-33z" fill="#fbf0d1" stroke="#fbf0d1"/></g><g id="navy" data-name="Navy"><path d="M866 411c0-12 2-25-6-34-6-8-16-11-25-12-34-4-88 0-124 0-67 0-134 0-200 0-67 0-134 0-200 0-29 0-106-4-129 1-7 2-14 5-18 11-8 9-6 22-6 34-18 0-128-2-135 1-4 2-7 5-8 10 0 4 1 7 3 10 6 10 58 68 67 77-10 13-68 75-69 83-2 6 0 13 6 15 10 4 43 1 56 1 38 0 76 0 115 0 20 0 54 4 58-25 1-10-1-20 2-30h520c0 55 7 55 61 55 38 0 76 0 115 0 14 0 67 8 58-18-2-6-12-14-17-19-17-21-35-41-53-62 9-7 65-71 69-78 1-3 2-6 2-9-1-5-4-8-8-10-7-2-18 0-25 0-25 0-49-1-74-1-12 0-23 2-35 0zM854 550c-6-5-13-8-21-9-14-2-31 0-45 0-34 0-67 0-100 0-59 0-117 0-175 0-59 0-117 0-175 0-34 0-68 0-101 0-15 0-31-2-46 0-8 1-15 4-21 9-5-32-1-93-1-127 0-11-2-24 2-34 7-19 64-12 82-12 86 0 172 0 259 0 86 0 172 0 259 0 17 0 75-7 82 12 4 10 2 22 2 33 0 20 4 116-1 128zM158 423v9c-8 3-97 1-112 1l67 77-67 77c31 0 62 0 94 0 13 0 86-4 88 7-11 6-176 2-202 2 11-12 71-77 74-88l-75-85zm841 0c-10 9-75 80-75 87 0 6 64 77 74 86-31 0-187 4-204-3 3-3 7-5 12-6 15-3 32 0 48 0 40 0 81 0 122 0l-67-78 67-76c-13 0-26-1-38-1-20 0-54 4-73-1l1-8zM240 553c0 11 1 23-1 33-18-18-55-5-61-19-9-20 52-14 62-14zm544 0c10 0 72-6 63 14-6 14-43 0-62 19z" fill="#051d42" stroke="#051d42"/></g></svg>

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

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

import TitleBannerSvg from "./title-banner.jsx"; // from the React tab above

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