Flower Divider SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M574 410c0-10 3-19 2-29-3-34-29-66-64-66-52 0-69 53-61 96-96-46-149 54-79 101 13 9 27 10 41 15-96 95 54 181 99 68 5 8 8 17 14 24 65 80 166-12 85-92 12-3 24-5 35-11 65-34 40-124-34-118-15 1-25 8-38 12zm-39 39c-14-9-32-7-45-1-16-14-28-36-29-57-2-29 20-64 52-63 59 2 62 84 22 121zm-57 7c-15 13-18 29-18 48-16 5-31 10-47 9-35-3-71-38-55-74 4-11 15-19 26-24 29-11 60 2 79 24 5 5 9 12 15 17zm86 48c0-20-4-33-17-47 9-12 17-23 28-31 27-20 76-22 91 13 17 36-20 71-54 74-16 1-33-3-48-9zm-58-47c51-7 61 70 12 77-51 7-61-70-12-77zm-42 60c11 18 22 24 41 31 0 38-17 85-62 87-12 0-22-2-31-10-28-23-15-70 11-89 13-10 27-13 41-19zm96 0c14 6 28 8 40 18 26 19 41 65 13 90-9 8-20 10-31 10-46-2-63-49-63-87 19-4 31-15 41-31z" fill="#04224a" stroke="#04224a"/><path d="M692 483c-9 2-11 12-1 15 3 1 7-1 11-1 13 0 27-1 40 0 27 1 53 1 80 1 38 0 77-1 116-1 12 0 27 4 40 0 6-1 12-7 4-13-3-2-10 0-14 0-13 0-26-1-39-1-26-1-53 0-79 0-39 0-78 2-117 1-10 0-33-3-41-1z" fill="#04224a" stroke="#04224a"/><path d="M269 483c-54 0-108 1-161 1-9 0-63-2-67 1-3 2-4 6-2 9 3 5 65 4 75 4 52 0 106 1 159-1 10 0 72 6 68-8-1-3-3-4-5-5-5-2-58-1-67-1z" fill="#04224a" stroke="#04224a"/></g><g id="coral" data-name="Coral"><path d="M535 449c40-37 37-119-22-121-32-1-54 34-52 63 1 21 13 43 29 57 13-6 31-8 45 1z" fill="#f46c53" stroke="#f46c53"/><path d="M564 504c15 6 32 10 48 9 34-3 71-38 54-74-15-35-64-33-91-13-11 8-19 19-28 31 13 14 17 27 17 47z" fill="#f46c53" stroke="#f46c53"/><path d="M478 456c-6-5-10-12-15-17-19-22-50-35-79-24-11 5-22 13-26 24-16 36 20 71 55 74 16 1 31-4 47-9 0-19 3-35 18-48z" fill="#f46c53" stroke="#f46c53"/><path d="M560 517c-10 16-22 27-41 31 0 38 17 85 63 87 11 0 22-2 31-10 28-25 13-71-13-90-12-10-26-12-40-18z" fill="#f46c53" stroke="#f46c53"/><path d="M464 517c-14 6-28 9-41 19-26 19-39 66-11 89 9 8 19 10 31 10 45-2 62-49 62-87-19-7-30-13-41-31z" fill="#f46c53" stroke="#f46c53"/></g><g id="amber" data-name="Amber"><path d="M506 457c-49 7-39 84 12 77 49-7 39-84-12-77z" fill="#f6bd2b" stroke="#f6bd2b"/></g></svg>

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

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

import FlowerDividerSvg from "./flower-divider.jsx"; // from the React tab above

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