Send this page to your computer

Shuffle vector icon

Essential icons

Interface icons

Music and audio icons

Shuffle vector icon

We're excited to introduce our new shuffle icon! This pixel-perfect, sharp-looking icon is perfect for designers to use in their app or website designs. Simply copy as an SVG file or download in a variety of formats, including PNG, WEBP, JPG, SVG, PDF, and animated Lottie files. You can also find this icon in our Figma and IconJar libraries.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 17h-5L3.5 6.5M19 7h-5l-3 3m-4 4l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 3.5L20 7l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 13.5L20 17l-3.5 3.5"></path></svg>

Download as...

Animated

Lottie

and

GIF

files available for download

Animated

Lottie

file available for download

Similar icons to

Shuffle

Bell cross vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 11.5v3.75M12 4.75c-2.35 0-4.25 1.9-4.25 4.25v6.25m-2.75 0h14m-9.5 3h5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 4.5l5 5m0-5l-5 5"></path></svg>

Free mice icon‍

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.34 12.15c-1.47-1.47-1.47-3.84 0-5.31 1.46-1.47 3.83-1.47 5.3 0 1.46 1.46 1.46 3.83 0 5.3m1.34 6.09H4.48l7.85-7.86"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

Drink vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.75 9l-2-3V3.75h-3.5V6l-2 3v11.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 20.25h3m0 0h3m-3 0v-4m0 0c1.51 0 2.75-1.24 2.75-2.75v-1.75h-5.5v1.75c0 1.51 1.23 2.75 2.75 2.75Z"></path></svg>

Shield warning vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 11V7.75L12 4.5 5.75 7.75V11c0 6 6.25 8.75 6.25 8.75s6.25-2.75 6.25-8.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9v3.5"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

vector-svg-award-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 12.6742V20L12 17.5 8.25 20v-7.3258m7.5 0c.9279-.9469 1.5-2.2437 1.5-3.6742 0-2.8995-2.3505-5.25-5.25-5.25S6.75 6.1005 6.75 9c0 1.4305.5721 2.7273 1.5 3.6742m7.5 0c-.9529.9724-2.281 1.5758-3.75 1.5758-1.469 0-2.7971-.6034-3.75-1.5758" stroke="currentColor" stroke-width="1.5"/></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 6.45l-7.375 11.8h14.75L12 6.45Zm0 0l2-3.2m-2 3.2l-2.01-3.2"></path></svg>

Manage search vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 6.75h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 12h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 17h13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.44 11.44c.49-.5.8-1.19.8-1.95 0-1.52-1.24-2.75-2.75-2.75 -1.52 0-2.75 1.23-2.75 2.75 0 1.51 1.23 2.75 2.75 2.75 .75 0 1.44-.31 1.94-.81Zm0 0l3.05 3.05"></path></svg>

Trending up minus vector icon

Trending up minus

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 7.75h7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 7.75L13 14l-2-2 -5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 7.75h4.25V12"></path></svg>

Free arrow right circle icon

Arrow right circle

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="7.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 12h6.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9l3 3 -3 3"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="1.5" d="m12 4 1.88 5.411 5.728.117-4.565 3.46 1.66 5.484L12 15.2l-4.702 3.272 1.659-5.483-4.565-3.461 5.727-.117L12 4Z"/></svg>

Free sheet icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 5.75H4.75v12.5h14.5V5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.25h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 14.25h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10.25v8"></path></svg>

Free upload icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 14v4.25h14.5V14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 8.5L12 5 8.5 8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5v10"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.7574 7.7574 12 12.0001m0 0 4.2426 4.2426M12 12.0001l4.2426-4.2427M12 12.0001l-4.2426 4.2426" stroke="currentColor" stroke-width="1.5"/></svg>

big-arrow-pointing-left-top

Big arrow up left

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 13.5V5.75h7.75M6 6l11.5 11.5" stroke="currentColor" stroke-width="1.5"/></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 6.75H4.75v4h1.5v7.5h11.5v-7.5h1.5v-4Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 6.75v4m0-4l3-3m-3 3l-3-3m3 7v7.5m0-7.5H6.25m5.75 0h5.75"></path></svg>

big-cross-x-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7.0503 7.0502 9.8994 9.8995m0-9.8995-9.8994 9.8995" stroke="currentColor" stroke-width="1.5"/></svg>

Heart minus vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18l-6.5-6.5c-1.39-1.39-1.39-3.62 0-5 1.38-1.39 3.61-1.39 4.99 0l1.5 1.5 1.5-1.5c1.38-1.39 3.61-1.39 5 0 1.38 1.38 1.38 3.61 0 4.99"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 14.75h6"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 19.5v-15l13 7.5 -13 7.5Z"></path></svg>

Free bottle icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.75 3.75h-3.5V9l-2 6v5.25h7.5V15l-2-6V3.75Z"></path></svg>

Free box check icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 18.25l2 1.75 4.5-5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 13V8L12 4 4.75 8v8L12 20v-8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8L12 12l7.25-4"></path></svg>

Free tennis ball icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 19.25C7.99 19.25 4.74 16 4.74 12c0-4.01 3.24-7.25 7.25-7.25 .04 0 .09 0 .14 0 3.51.06 6.41 2.63 7 6 .74 4.28-2.77 8.49-7.15 8.49Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.85 13.24c4.43.08 8.03-4.16 7.28-8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.14 10.75c-4.47-.09-8.05 4.13-7.29 8.49"></path></svg>

Calendar error vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17 13v3.5"></path><circle cx="17" cy="19" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 10.25v8H12m-6.25-8v-4.5h12.5v4.5H5.75Zm3-6.75V8m6.5-4.5V8"></path></svg>

Free internet cloud icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5.5c-2.3472 0-4.25 1.9028-4.25 4.25v.0082c-1.9545.1286-3.5 1.7547-3.5 3.7418 0 2.0711 1.679 3.75 3.75 3.75h8c2.0711 0 3.75-1.6789 3.75-3.75 0-1.9871-1.5455-3.6132-3.5-3.7418V9.75c0-2.3472-1.9028-4.25-4.25-4.25z" stroke="currentColor" stroke-width="1.5"/></svg>

Free sprout icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15.99v-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12c0-4.01 3.24-7.25 7.25-7.25C19.25 8.75 16 12 12 12Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12c0-2.9-2.36-5.25-5.25-5.25C6.75 9.64 9.1 12 12 12Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.57 18.57c1.28-1.58 3.23-2.58 5.42-2.58 2.18 0 4.14 1 5.42 2.57"></path></svg>

Free file check icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.25 12V9L13 4.75H6.75v13.5H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.5 16l2 2 4-4"></path></svg>

Free happy face icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5l-2.25 7.25H13"></path><circle cx="15" cy="8" r="1" fill="currentColor"></circle><circle cx="7" cy="8" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 13c0 2.89-2.36 5.25-5.25 5.25"></path></svg>

Free compass icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="7.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.58 10.58l3.88-1.07 -1.07 3.88 -3.89 1.06 1.06-3.89Z"></path></svg>

Free swap small horizontal icon

Swap small horizontal

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.5 15.5L9 19l-3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.5 8.5L15 5l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 5v9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 19v-9"></path></svg>

Pos payment cross vector icon

Pos payment cross

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.75 9.75H6.25v10.5h11.5V9.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 12.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 12.5l5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 9.75v-5c0-.28.22-.5.5-.5h6.5c.27 0 .5.22.5.5v5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.75 4.25v5.5"></path></svg>

Shuffle vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 17h-5L3.5 6.5M19 7h-5l-3 3m-4 4l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 3.5L20 7l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 13.5L20 17l-3.5 3.5"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 7.75V3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 7.75V3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7 20.25h1c2.37 0 4.03-2 4-4.25v-1.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14.75c2.89 0 5.25-2.36 5.25-5.25V7.75H6.75V9.5c0 2.89 2.35 5.25 5.25 5.25Z"></path></svg>

Free file cross inside icon

File cross inside

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 18.25V4.75h6.75L17.75 9v9.25h-11Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 10l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 10l5 5"></path></svg>

Free folder arrow right icon

Folder arrow right

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 10.75L10 15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 10.75h4.25V15"></path></svg>

at-sign-symbol-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.75 19.25H12c-4.004 0-7.25-3.2459-7.25-7.25 0-4.004 3.246-7.25 7.25-7.25 4.0041 0 7.25 3.246 7.25 7.25v1.25c0 1.1046-.8954 2-2 2h-.5c-1.1046 0-2-.8954-2-2v-3.5H12c-1.5188 0-2.75 1.2312-2.75 2.75s1.2312 2.75 2.75 2.75 2.75-1.2312 2.75-2.75" stroke="currentCOlor" stroke-width="1.5"/></svg>

Free minus square icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 12h8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4.75h14.5v14.5H4.75V4.75Z"></path></svg>

Candle vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.76 7.94l2.23-3.2 2.23 3.19c1.26 1.81-.03 4.3-2.24 4.3 -2.22 0-3.51-2.49-2.24-4.31Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 20v-5.25h-8.5V20"></path></svg>

Browse all icons

Filter icons by categories

Narrow down the options to a specific theme

Wall of love

Twitter comments that puts a smile on our face

"These icons are solid"

@anshnanda_

Co-founder, The OG App (by Un1Feed Corporation)

"Yum"

@sonicxbloom

Designer, Cricut

"Ce level de pixel-perfection 👌"

@giannipolito

Design lead, IBM

“In love with these icons and website design overall 😍”

@verohnicaaa

Designer, OneReach

"Lovely lil icons!"

@gabrielvaldivia

Designer, Patreon

"Superb icons. 🙌"

@sankalped

Designer, Unacademy

“...icon set you released is great! 🤝 Good work pal.”

@jamesm

Designer, Tailwind Labs

"Love those 😍"

@bardenova

Designer, Shopify

"What a beautiful icon set 💯"

@ensaktas

Founder, Create Video

"Now that's an icon set. This is a must have for any web project. Super modular and broad range!

Well done 🔥"

@BuildwithOmar

Founder, Glorify

"These icons are solid"

@anshnanda_

Co-founder, The OG App (by Un1Feed Corporation)

"Yum"

@sonicxbloom

Designer, Cricut

"Ce level de pixel-perfection 👌"

@giannipolito

Design lead, IBM

“In love with these icons and website design overall 😍”

@verohnicaaa

Designer, OneReach

"Lovely lil icons!"

@gabrielvaldivia

Designer, Patreon

"Superb icons. 🙌"

@sankalped

Designer, Unacademy

“...icon set you released is great! 🤝 Good work pal.”

@jamesm

Designer, Tailwind Labs

"Love those 😍"

@bardenova

Designer, Shopify

"What a beautiful icon set 💯"

@ensaktas

Founder, Create Video

"Now that's an icon set. This is a must have for any web project. Super modular and broad range!

Well done 🔥"

@BuildwithOmar

Founder, Glorify

Trusted by industry leads

Join hundreds of companies has already
signed up for Bunch of icons on early stages

Unlock all icons

Here's what you get

Unlock all icons

Commercial license

Download Figma file

Copied to clipboard