On-Demand Video SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/KY48rl7QSl_4/amnt.svg" alt="On-Demand Video" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blue" data-name="Blue"><path d="M147 192c-11 2-21 9-24 20-5 18-1 88-1 112 0 52 0 104 0 156 0 36 0 74 0 111 0 14-2 30 1 44 2 9 9 17 18 20 18 6 91 2 115 2 104 0 207 0 312 0 72 0 144 0 217 0 28 0 66 4 93-1 10-2 20-8 23-19 6-18 2-89 2-111 0-52 0-104 0-156 0-36 0-72 0-107 0-16 2-34-1-49-2-7-7-14-13-18-14-8-98-4-119-4-105 0-208 0-312 0-73 0-146 0-218 0-28 0-67-4-93 0zm268 81c8-1 17 0 25 3 17 6 32 19 48 28 39 23 78 46 117 70 13 8 30 15 40 28 12 15 10 40-4 54-12 13-72 45-92 57s-98 63-115 67c-36 8-55-20-55-51 0-49 0-97 0-145 0-35-12-103 36-111z" fill="#367ef6" stroke="#367ef6"/><path d="M606 760h293z" fill="#367ef6" stroke="#367ef6"/><path d="M409 539v-225z" fill="#367ef6" stroke="#367ef6"/><path d="M856 792h16z" fill="#367ef6" stroke="#367ef6"/><path d="M884 792h11z" fill="#367ef6" stroke="#367ef6"/><path d="M606 784l1-6z" fill="#367ef6" stroke="#367ef6"/><path d="M816 792h6z" fill="#367ef6" stroke="#367ef6"/></g><g id="grape" data-name="Grape"><path d="M146 151c-24 2-47 17-57 39-5 9-7 19-8 29-2 24 0 48 0 73 0 50 0 100 0 151 0 43 0 87 0 131 0 47-5 114 60 121 13 1 27 0 41 0 43 0 89 3 132 1 22-1 44-2 65-1 28 1 57 2 84 1 40-2 80-2 120 0 17 1 33-2 50-1 39 2 77-2 116 0 38 2 77 2 115 0 6 0 14 1 20 0 71-8 59-91 59-140 0-46 0-91 0-136 0-44 0-88 0-132 0-76 10-136-87-136-119 0-237 0-355 0-80 0-160 0-239 0-39 0-78-3-116 0zm1 41c26-4 65 0 93 0 72 0 145 0 218 0 104 0 207 0 312 0 21 0 105-4 119 4 6 4 11 11 13 18 3 15 1 33 1 49 0 35 0 71 0 107 0 52 0 104 0 156 0 22 4 93-2 111-3 11-13 17-23 19-27 5-65 1-93 1-73 0-145 0-217 0-105 0-208 0-312 0-24 0-97 4-115-2-9-3-16-11-18-20-3-14-1-30-1-44 0-37 0-75 0-111 0-52 0-104 0-156 0-24-4-94 1-112 3-11 13-18 24-20z" fill="#03266b" stroke="#03266b"/><path d="M534 709c-13 1-27 7-37 16-3 2-5 7-9 8-10 3-42 0-54 0-42 0-82 0-123 0-44 0-88 0-132 0-20 0-42-3-61 1-13 3-24 12-29 24-10 21 0 48 22 57 21 8 127 3 158 3 41 0 82 0 124 0 15 0 86-3 95 0 5 2 10 10 14 13 24 16 54 15 77-1 4-3 8-9 12-11 8-4 104-1 122-1 32 0 178 4 198-2 10-4 20-12 24-22 12-24-2-53-28-59-23-6-120-2-150-2-42 0-83 0-124 0-11 0-33 3-42 0-3-1-4-5-6-6-14-12-33-19-51-18zm2 27c50-4 58 74 8 79-52 6-58-74-8-79zm-61 23c-2 12-1 21-1 33-63 0-126 0-188 0-32 0-64 0-95 0-18 0-79 9-79-16 0-26 61-17 79-17 31 0 63 0 95 0 63 0 126 0 189 0zm132 19l-1-18h293c21 3 16 29-4 32h-11-12-16-34-6-210v-8z" fill="#03266b" stroke="#03266b"/><path d="M415 273c-48 8-36 76-36 111 0 48 0 96 0 145 0 31 19 59 55 51 17-4 95-55 115-67s80-44 92-57c14-14 16-39 4-54-10-13-27-20-40-28-39-24-78-47-117-70-16-9-31-22-48-28-8-3-17-4-25-3zm-6 266v-225c2-8 9-13 17-12 9 1 79 47 92 54 15 9 96 54 102 62 2 2 4 6 4 9 0 4-2 7-5 9-7 8-85 52-101 61-13 8-85 54-94 55-7 0-14-6-15-13z" fill="#03266b" stroke="#03266b"/></g><g id="white" data-name="White"><path d="M409 314v225c1 7 8 13 15 13 9-1 81-47 94-55 16-9 94-53 101-61 3-2 5-5 5-9 0-3-2-7-4-9-6-8-87-53-102-62-13-7-83-53-92-54-8-1-15 4-17 12z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M899 760h-293l1 18-1 6v8h210 6 34 16 12 11c20-3 25-29 4-32z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="turquoise" data-name="Turquoise"><path d="M475 759c-63 0-126 0-189 0-32 0-64 0-95 0-18 0-79-9-79 17 0 25 61 16 79 16 31 0 63 0 95 0 62 0 125 0 188 0 0-12-1-21 1-33z" fill="#11baab" stroke="#11baab"/><path d="M536 736c-50 5-44 85 8 79 50-5 42-83-8-79z" fill="#11baab" stroke="#11baab"/></g></svg>

.on-demand-video {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/KY48rl7QSl_4/amnt.svg");
  background-size: contain;
}

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

import OnDemandVideoSvg from "./on-demand-video.jsx"; // from the React tab above

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