Seed Phrase SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="grape" data-name="Grape"><path d="M493 703c-25 4-34 41-9 52 17 8 66 3 87 3 41 0 81 0 123 0 18 0 38 2 56-1 25-4 33-38 9-50-16-9-66-4-86-4-42 0-84 0-125 0-18 0-38-2-55 0z" fill="#032672" stroke="#032672"/><path d="M496 257c-26 2-38 38-13 51 16 9 68 4 89 4 42 0 84 0 127 0 17 0 38 3 55-1 26-7 25-45 0-52-11-4-71-2-86-2-42 1-85-1-127 1-15 1-30-2-45-1z" fill="#032672" stroke="#032672"/><path d="M491 483c-25 5-30 43-6 52 16 6 69 2 89 2 42 0 85 0 128 0 16 0 34 3 50 0 26-5 29-42 5-52-15-6-68-2-87-2-43 0-85 0-127 0-17 0-36-3-52 0z" fill="#032672" stroke="#032672"/><path d="M305 668c-80 11-64 138 19 126 80-12 64-137-19-126z" fill="#032672" stroke="#032672"/><path d="M307 447c-81 10-68 136 15 126 82-9 67-135-15-126z" fill="#032672" stroke="#032672"/><path d="M308 223c-81 10-67 136 15 125 81-10 66-134-15-125z" fill="#032672" stroke="#032672"/></g><g id="navy" data-name="Navy"><path d="M495 468c-29 3-50 32-36 60 14 30 52 24 80 24 47 0 94 0 142 0 22 0 44 2 66 0 31-3 50-32 37-60-14-30-53-24-80-24-47 0-94 0-140 0-23 0-47-2-69 0zm-4 15c16-3 35 0 52 0 42 0 84 0 127 0 19 0 72-4 87 2 24 10 21 47-5 52-16 3-34 0-50 0-43 0-86 0-128 0-20 0-73 4-89-2-24-9-19-47 6-52z" fill="#011647" stroke="#011647"/><path d="M492 243c-29 4-46 36-32 62 15 29 56 21 84 21 46 0 91 0 138 0 22 0 44 2 67 0 29-2 48-33 34-61-15-30-55-22-82-22-48 0-96 0-143 0-22 0-45-2-66 0zm4 14c15-1 30 2 45 1 42-2 85 0 127-1 15 0 75-2 86 2 25 7 26 45 0 52-17 4-38 1-55 1-43 0-85 0-127 0-21 0-73 5-89-4-25-13-13-49 13-51z" fill="#011647" stroke="#011647"/><path d="M490 689c-29 4-44 39-29 64 17 27 57 19 85 19 47 0 95 0 143 0 20 0 43 3 64-1 29-4 44-37 29-62-17-28-57-20-84-20-48 0-96 0-143 0-22 0-44-3-65 0zm3 14c17-2 37 0 55 0 41 0 83 0 125 0 20 0 70-5 86 4 24 12 16 46-9 50-18 3-38 1-56 1-42 0-82 0-123 0-21 0-70 5-87-3-25-11-16-48 9-52z" fill="#011647" stroke="#011647"/><path d="M310 653c-15 1-28 7-40 15-63 46-28 145 49 141 101-6 93-161-9-156zm-5 15c83-11 99 114 19 126-83 12-99-115-19-126z" fill="#011647" stroke="#011647"/><path d="M313 432c-102 3-99 159 4 156 78-2 102-107 35-145-12-7-26-11-39-11zm-6 15c82-9 97 117 15 126-83 10-96-116-15-126z" fill="#011647" stroke="#011647"/><path d="M305 209c-97 12-83 166 20 154 98-12 83-166-20-154zm3 14c81-9 96 115 15 125-82 11-96-115-15-125z" fill="#011647" stroke="#011647"/></g></svg>

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

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

import SeedPhraseSvg from "./seed-phrase.jsx"; // from the React tab above

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