Encrypted File SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HjvcfB-IZy-9/amnt.svg" alt="Encrypted File" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="baby-blue" data-name="Baby Blue"><path d="M600 115c-95 0-189 0-283 0-61 0-73 7-73 69 0 46 0 94 0 141 0 94 0 188 0 282 0 46 0 94 0 141 0 26-4 84 1 107 2 8 6 15 12 21 7 6 16 10 25 11 31 4 73 0 106 0 46 0 94 0 141 0 46 0 94 0 141 0 33 0 99 12 109-32 5-24 1-57 1-82 0-67 0-132 0-198 0-94 0-188 0-282-30 0-108 4-132-1-11-3-22-9-30-17s-15-20-17-32c-5-29-1-95-1-128zm25 356c22-1 43 17 50 37 7 22 2 126 2 157 0 13 2 29-2 42-11 46-57 40-93 40-24 0-46 0-69 0-24 0-46 0-69 0-35 0-78 5-94-35-5-14-3-31-3-45 0-30 0-60 0-89 0-46-8-101 52-108 1-23-2-47 2-70 9-52 58-90 110-91s102 37 112 90c4 23 2 48 2 72z" fill="#d2e9fb" stroke="#d2e9fb"/><path d="M583 470c0-20 2-42-1-61-6-34-37-58-70-58-34 0-64 25-70 58-3 19-1 41-1 61z" fill="#d2e9fb" stroke="#d2e9fb"/></g><g id="navy" data-name="Navy"><path d="M275 80c-29 3-55 25-63 52-9 26-4 203-4 245 0 120 0 242 0 363 0 31-4 94 1 121 3 15 11 28 21 39 9 9 21 16 34 20 29 8 91 3 124 3 81 0 163 0 245 0 37 0 78 4 115-1 27-4 51-20 61-45 4-7 6-15 7-23 2-23 0-48 0-71 0-52 0-104 0-156 0-61 0-122 0-182 0-29 4-163-2-180-4-15-73-77-88-93-18-18-75-81-93-89-16-7-149-3-177-3-41 0-82 0-122 0-20 0-40-2-59 0zm325 35c0 33-4 99 1 128 2 12 9 24 17 32s19 14 30 17c24 5 102 1 132 1 0 94 0 188 0 282 0 66 0 131 0 198 0 25 4 58-1 82-10 44-76 32-109 32-47 0-95 0-141 0-47 0-95 0-141 0-33 0-75 4-106 0-9-1-18-5-25-11-6-6-10-13-12-21-5-23-1-81-1-107 0-47 0-95 0-141 0-94 0-188 0-282 0-47 0-95 0-141 0-62 12-69 73-69 94 0 188 0 283 0zm35 10l136 134c-31 0-84 4-111 0-7-1-12-4-16-8-6-5-8-11-9-18-4-31 0-76 0-108z" fill="#011c4d" stroke="#011c4d"/><path d="M625 471c0-24 2-49-2-72-10-53-60-91-112-90s-101 39-110 91c-4 23-1 47-2 70-60 7-52 62-52 108 0 29 0 59 0 89 0 14-2 31 3 45 16 40 59 35 94 35 23 0 45 0 69 0 23 0 45 0 69 0 36 0 82 6 93-40 4-13 2-29 2-42 0-31 5-135-2-157-7-20-28-38-50-37zm-42-1h-142c0-20-2-42 1-61 6-33 36-58 70-58 33 0 64 24 70 58 3 19 1 41 1 61zM396 497c11-2 25 0 37 0 29 0 58 0 88 0 22 0 105-5 119 6 5 3 8 9 10 14 5 19 1 77 1 101 0 21 5 68-3 86-3 8-11 15-20 16-12 3-25 1-37 1-29 0-58 0-87 0-24 0-105 6-120-6-5-4-8-9-10-15-5-21-1-75-1-99 0-23-5-67 3-87 3-8 11-15 20-17z" fill="#011c4d" stroke="#011c4d"/><path d="M505 545c-31 5-45 44-25 68 2 3 9 6 11 10 6 16-14 71 27 60 19-5 16-26 16-40 0-36 7-16 16-40 13-31-13-63-45-58z" fill="#011c4d" stroke="#011c4d"/></g><g id="amber" data-name="Amber"><path d="M396 497c-9 2-17 9-20 17-8 20-3 64-3 87 0 24-4 78 1 99 2 6 5 11 10 15 15 12 96 6 120 6 29 0 58 0 87 0 12 0 25 2 37-1 9-1 17-8 20-16 8-18 3-65 3-86 0-24 4-82-1-101-2-5-5-11-10-14-14-11-97-6-119-6-30 0-59 0-88 0-12 0-26-2-37 0zm109 48c32-5 58 27 45 58-9 24-16 4-16 40 0 14 3 35-16 40-41 11-21-44-27-60-2-4-9-7-11-10-20-24-6-63 25-68z" fill="#fdc90b" stroke="#fdc90b"/></g><g id="sky" data-name="Sky"><path d="M635 125c0 32-4 77 0 108 1 7 3 13 9 18 4 4 9 7 16 8 27 4 80 0 111 0z" fill="#8ecdfb" stroke="#8ecdfb"/></g></svg>

.encrypted-file {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HjvcfB-IZy-9/amnt.svg");
  background-size: contain;
}

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

import EncryptedFileSvg from "./encrypted-file.jsx"; // from the React tab above

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