Volume Up SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="mist" data-name="Mist"><path d="M544 188c-14 1-114 80-132 94-22 16-44 32-65 48-7 5-48 33-50 37-2 6 0 18 0 26 0 74 0 150 0 225 0 5-2 14 1 19 2 5 104 78 117 87 30 22 60 45 90 67 9 6 18 16 28 21 5 3 10 4 16 3 10-1 18-8 20-18 5-19 1-53 1-73 0-38 0-75 0-112 0-75 0-151 0-225 0-38 0-76 0-113 0-23 11-89-26-86z" fill="#d9d8d8" stroke="#d9d8d8"/></g><g id="charcoal" data-name="Charcoal"><path d="M538 160c-19 3-157 110-183 129-11 8-61 48-69 50-11 3-26 0-37 0-24 0-52-4-74 4-27 10-26 28-35 34-2 1-4 1-7 2-19 6-36 12-51 25-49 41-57 119-23 171 15 22 38 40 64 47 5 2 13 2 17 5s6 11 9 14c30 39 91 17 132 23 16 2 158 112 183 130 28 21 64 60 102 46 47-16 34-82 34-120 0-104 0-208 0-311 0-35 4-192-3-214-8-25-34-38-59-35zm6 28c37-3 26 63 26 86 0 37 0 75 0 113 0 74 0 150 0 225 0 37 0 74 0 112 0 20 4 54-1 73-2 10-10 17-20 18-6 1-11 0-16-3-10-5-19-15-28-21-30-22-60-45-90-67-13-9-115-82-117-87-3-5-1-14-1-19 0-75 0-151 0-225 0-8-2-20 0-26 2-4 43-32 50-37 21-16 43-32 65-48 18-14 118-93 132-94zM267 367l1 270c-24 0-57 4-79 0-10-2-18-9-22-17-9-19-4-92-4-116s-4-100 3-117c12-30 74-20 101-20zM135 407c3 12 1 26 1 39 0 29 0 59 0 89 0 7 2 58-1 61-6 7-37-18-42-23-40-41-36-116 10-151 9-7 21-14 32-15z" fill="#2a2c31" stroke="#2a2c31"/><path d="M805 181c-34 4-55 40-45 72 6 20 39 49 52 69 38 56 56 122 55 190-1 64-24 129-62 181-17 23-47 43-48 75-1 34 30 60 64 55 42-6 97-92 115-129 30-64 43-130 43-200 0-67-18-136-50-195-21-40-72-124-124-118zm0 19c9-1 19 0 27 5 28 17 68 79 83 108 28 56 45 118 45 181 0 64-11 126-39 186-13 28-69 118-100 124-34 7-57-29-37-57 5-7 11-12 17-19 12-13 23-28 33-44 32-50 52-112 52-172 0-64-13-125-45-180-9-16-20-32-32-46-10-12-25-22-30-36-8-21 3-46 26-50z" fill="#2a2c31" stroke="#2a2c31"/><path d="M686 303c-46 5-61 62-32 94 28 31 44 71 41 113-2 30-11 59-29 83-6 8-14 15-19 24-26 39 8 89 53 84 20-2 33-15 46-30 40-48 63-114 60-176-1-20-4-40-8-59-12-47-53-139-112-133zm-1 19c45-7 82 75 92 110 6 20 9 41 10 62 2 58-17 119-55 164-9 10-17 21-31 24-27 6-50-19-43-45 3-11 12-18 19-27 22-28 36-63 38-99 2-37-9-76-30-106-14-21-40-40-22-68 5-7 13-13 22-15z" fill="#2a2c31" stroke="#2a2c31"/></g><g id="blue" data-name="Blue"><path d="M805 200c-23 4-34 29-26 50 5 14 20 24 30 36 12 14 23 30 32 46 32 55 45 116 45 180 0 60-20 122-52 172-10 16-21 31-33 44-6 7-12 12-17 19-20 28 3 64 37 57 31-6 87-96 100-124 28-60 39-122 39-186 0-63-17-125-45-181-15-29-55-91-83-108-8-5-18-6-27-5z" fill="#1f91f2" stroke="#1f91f2"/><path d="M685 322c-9 2-17 8-22 15-18 28 8 47 22 68 21 30 32 69 30 106-2 36-16 71-38 99-7 9-16 16-19 27-7 26 16 51 43 45 14-3 22-14 31-24 38-45 57-106 55-164-1-21-4-42-10-62-10-35-47-117-92-110z" fill="#1f91f2" stroke="#1f91f2"/></g><g id="graphite" data-name="Graphite"><path d="M267 367c-27 0-89-10-101 20-7 17-3 93-3 117s-5 97 4 116c4 8 12 15 22 17 22 4 55 0 79 0z" fill="#434345" stroke="#434345"/><path d="M135 407c-11 1-23 8-32 15-46 35-50 110-10 151 5 5 36 30 42 23 3-3 1-54 1-61 0-30 0-60 0-89 0-13 2-27-1-39z" fill="#434345" stroke="#434345"/></g></svg>

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

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

import VolumeUpSvg from "./volume-up.jsx"; // from the React tab above

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