Creative Mark SVG logo, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="800" height="800"><defs><radialGradient id="g0" gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="matrix(0 556 -556 0 397 334)"><stop offset="0" stop-color="#203b38"/><stop offset="0.62" stop-color="#102522"/><stop offset="1" stop-color="#091816"/></radialGradient><linearGradient id="g1" gradientUnits="userSpaceOnUse" x1="275" y1="225" x2="573" y2="623"><stop offset="0" stop-color="#e7ffac"/><stop offset="0.46" stop-color="#c7f875"/><stop offset="1" stop-color="#82dda0"/></linearGradient><linearGradient id="g2" gradientUnits="userSpaceOnUse" x1="410" y1="280" x2="545" y2="609"><stop offset="0" stop-color="#b0e987"/><stop offset="1" stop-color="#5abd92"/></linearGradient><linearGradient id="g3" gradientUnits="userSpaceOnUse" x1="238" y1="527" x2="557" y2="414"><stop offset="0" stop-color="#b4ec65"/><stop offset="0.5" stop-color="#e6ffaa"/><stop offset="1" stop-color="#d2ff8d"/></linearGradient></defs><g id="layer-1" data-name="Shape 1"><path d="M0 0L800 0L800 800L0 800Z" fill="url(#g0) #102522"/></g><g id="layer-2" data-name="Circle 2"><path d="M706 400C706 569 569 706 400 706C231 706 94 569 94 400C94 231 231 94 400 94C569 94 706 231 706 400Z" fill="none" stroke="#d8f8d5" stroke-width="1" stroke-opacity="0.05"/></g><g id="layer-3" data-name="Circle 3"><path d="M650 400C650 538.07 538.07 650 400 650C261.93 650 150 538.07 150 400C150 261.93 261.93 150 400 150C538.07 150 650 261.93 650 400Z" fill="none" stroke="#d8f8d5" stroke-width="1" stroke-opacity="0.04"/></g><g id="layer-4" data-name="Shape 4"><g fill="none"><defs><filter id="k0_0" x="90" y="100" width="620" height="640" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="24"/></filter></defs><path d="M173 623 350 218Q361 190 390 190H415Q442 190 454 218L632 623H506L404 366 299 623Z" fill="#000000" fill-opacity=".3" filter="url(#k0_0)"/></g></g><g id="layer-5" data-name="Shape 5"><path d="M170 608L347 203C354 187 367 178 384 178L416 178C433 178 446 187 453 203L630 608L507 608L400 340L293 608L170 608Z" fill="url(#g1) #c7f875"/></g><g id="layer-6" data-name="Shape 6"><path d="M400 340L441 230C445 219 445 207 441 194C446 198 450 203 453 210L630 608L507 608L400 340Z" fill="url(#g2) #5abd92"/></g><g id="layer-7" data-name="Shape 7"><path d="M262 458L511 382L546 462L220 562L262 458Z" fill="#102a23" fill-opacity="0.25"/></g><g id="layer-8" data-name="Shape 8"><path d="M243 470L552 375L582 449L209 563L243 470Z" fill="url(#g3) #e6ffaa"/></g><g id="layer-9" data-name="Shape 9"><path d="M243 470L552 375L555 383L240 479L243 470Z" fill="#f1ffd3" fill-opacity="0.65"/></g></svg>

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

import CreativeMarkSvg from "./creative-mark.jsx"; // from the React tab above

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