Menu

Beta
Sign in
Beta
Skip Previous SVG icon, line

Skip Previous SVG icon, line

A vertical bar precedes a left-pointing triangle to indicate the previous track. Place it in a music player toolbar or audiobook chapter controls.

Free · from Media and Audio Icons, Line · Set 2

Similar SVGs

More from Media and Audio Icons, Line · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/o1itdIhHRbQi/amnt.svg" alt="Skip Previous" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cobalt" data-name="Cobalt"><path d="M786 204c-11 2-125 88-144 101-47 34-95 67-142 102-18 13-78 51-89 64-6 6-8 16-5 25 3 13 19 20 30 27 47 34 94 67 142 101 47 34 95 67 143 101 13 9 49 39 62 42 11 4 25-2 28-14 6-19 2-69 2-91 0-82 0-163 0-244 0-41 1-81 1-121 0-14 0-28 0-42 0-20 3-56-28-51z" fill="#0156e6" stroke="#0156e6"/></g><g id="charcoal" data-name="Charcoal"><path d="M227 199c-7 2-14 6-16 13-6 15-2 118-2 142 0 57 0 114 0 171s0 114 0 172c0 18-8 66 16 71 9 2 19 0 29 0 17 0 37 3 54 0 8-1 14-6 17-13 5-14 1-118 1-141 0-57 0-114 0-171 0-58 0-115 0-172 0-19 7-64-14-71-9-3-22-1-31-1-18 0-37-3-54 0z" fill="#323232" stroke="#323232"/></g><g id="black" data-name="Black"><path d="M784 180c-20 3-135 90-160 108-52 37-104 74-156 112-19 14-64 41-77 58-14 18-13 46 3 63 7 8 17 13 26 20 52 36 104 74 156 111s104 74 157 111c12 9 26 21 40 26 11 5 24 4 35 0 32-13 28-47 28-75 0-19 0-38 0-56 0-89 1-178 1-266 0-33-1-67 0-99 2-41 12-121-53-113zm2 24c31-5 28 31 28 51 0 14 0 28 0 42 0 40-1 80-1 121 0 81 0 162 0 244 0 22 4 72-2 91-3 12-17 18-28 14-13-3-49-33-62-42-48-34-96-67-143-101-48-34-95-67-142-101-11-7-27-14-30-27-3-9-1-19 5-25 11-13 71-51 89-64 47-35 95-68 142-102 19-13 133-99 144-101z" fill="#0e0d0d" stroke="#0e0d0d"/><path d="M222 176c-12 2-25 11-31 22-11 20-5 110-5 138 0 65 0 129 0 195 0 65 0 129 0 195 0 60 13 66 72 66 18 0 38 2 56-1 43-7 36-55 36-87 0-24 0-48 0-71 0-66 0-130 0-195 0-66 0-130 0-195 0-62-15-67-72-67-18 0-38-2-56 0zm5 23c17-3 36 0 54 0 9 0 22-2 31 1 21 7 14 52 14 71 0 57 0 114 0 172 0 57 0 114 0 171 0 23 4 127-1 141-3 7-9 12-17 13-17 3-37 0-54 0-10 0-20 2-29 0-24-5-16-53-16-71 0-58 0-115 0-172s0-114 0-171c0-24-4-127 2-142 2-7 9-11 16-13z" fill="#0e0d0d" stroke="#0e0d0d"/></g></svg>
CSS background-image
.skip-previous {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/o1itdIhHRbQi/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.skip-previous {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/o1itdIhHRbQi/amnt.svg") center / contain no-repeat;
}
React
import SkipPreviousSvg from "./skip-previous.jsx"; // from the React tab above

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

Tags

skipprevioustrackplaybackmediaiconline

Made with AMNT

AMNT Draw 1.2 drew this from the words Skip Previous: Vertical bar followed by a left-pointing triangle. A flat colour icon. as part of the pack Media and Audio Icons, Line · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings