Barcode SVG icon, gradient

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g0" gradientUnits="userSpaceOnUse" x1="8" y1="12" x2="56" y2="52"><stop offset="0" stop-color="#8838e8"/><stop offset="1" stop-color="#167bff"/></linearGradient><linearGradient id="g1" gradientUnits="userSpaceOnUse" x1="8" y1="12" x2="56" y2="52"><stop offset="0" stop-color="#8838e8"/><stop offset="1" stop-color="#167bff"/></linearGradient><linearGradient id="g2" gradientUnits="userSpaceOnUse" x1="8" y1="12" x2="56" y2="52"><stop offset="0" stop-color="#8838e8"/><stop offset="1" stop-color="#167bff"/></linearGradient><linearGradient id="g3" gradientUnits="userSpaceOnUse" x1="8" y1="12" x2="56" y2="52"><stop offset="0" stop-color="#8838e8"/><stop offset="1" stop-color="#167bff"/></linearGradient><linearGradient id="g4" gradientUnits="userSpaceOnUse" x1="8" y1="12" x2="56" y2="52"><stop offset="0" stop-color="#8838e8"/><stop offset="1" stop-color="#167bff"/></linearGradient><linearGradient id="g5" gradientUnits="userSpaceOnUse" x1="8" y1="12" x2="56" y2="52"><stop offset="0" stop-color="#8838e8"/><stop offset="1" stop-color="#167bff"/></linearGradient><linearGradient id="g6" gradientUnits="userSpaceOnUse" x1="8" y1="12" x2="56" y2="52"><stop offset="0" stop-color="#8838e8"/><stop offset="1" stop-color="#167bff"/></linearGradient></defs><g id="layer-1" data-name="Group 1"><path d="M9 15L12 15C12.55 15 13 15.45 13 16L13 48C13 48.55 12.55 49 12 49L9 49C8.45 49 8 48.55 8 48L8 16C8 15.45 8.45 15 9 15Z" fill="url(#g0) #167bff"/><path d="M17 15L18 15C18.55 15 19 15.45 19 16L19 48C19 48.55 18.55 49 18 49L17 49C16.45 49 16 48.55 16 48L16 16C16 15.45 16.45 15 17 15Z" fill="url(#g1) #167bff"/><path d="M23 15L27 15C27.55 15 28 15.45 28 16L28 48C28 48.55 27.55 49 27 49L23 49C22.45 49 22 48.55 22 48L22 16C22 15.45 22.45 15 23 15Z" fill="url(#g2) #167bff"/><path d="M32 15L33 15C33.55 15 34 15.45 34 16L34 48C34 48.55 33.55 49 33 49L32 49C31.45 49 31 48.55 31 48L31 16C31 15.45 31.45 15 32 15Z" fill="url(#g3) #167bff"/><path d="M38 15L41 15C41.55 15 42 15.45 42 16L42 48C42 48.55 41.55 49 41 49L38 49C37.45 49 37 48.55 37 48L37 16C37 15.45 37.45 15 38 15Z" fill="url(#g4) #167bff"/><path d="M46 15L47 15C47.55 15 48 15.45 48 16L48 48C48 48.55 47.55 49 47 49L46 49C45.45 49 45 48.55 45 48L45 16C45 15.45 45.45 15 46 15Z" fill="url(#g5) #167bff"/><path d="M52 15L55 15C55.55 15 56 15.45 56 16L56 48C56 48.55 55.55 49 55 49L52 49C51.45 49 51 48.55 51 48L51 16C51 15.45 51.45 15 52 15Z" fill="url(#g6) #167bff"/></g><g id="layer-2" data-name="Rectangle 2" opacity="0.18"><path d="M23 15L25 15L25 49L23 49Z" fill="#ffffff"/></g><g id="layer-3" data-name="Rectangle 3" opacity="0.18"><path d="M52 15L54 15L54 49L52 49Z" fill="#ffffff"/></g><g id="layer-4" data-name="Rectangle 4"><path d="M32.5 53L38.5 53C39.33 53 40 53.67 40 54.5L40 54.5C40 55.33 39.33 56 38.5 56L32.5 56C31.67 56 31 55.33 31 54.5L31 54.5C31 53.67 31.67 53 32.5 53Z" fill="#ff756f"/></g></svg>

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

import BarcodeSvg from "./barcode.jsx"; // from the React tab above

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