ios shuffle icon
ios-shuffle from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-shuffle
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios shuffle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M405.9 288.1c-2.6-2.6-6.2-4.1-9.9-4.1s-7.2 1.4-9.9 4.1c-2.7 2.6-4.1 6.2-4.1 9.9s1.5 7.2 4.1 9.9l16.3 16.2h-75.5l-124-155-.1-.1c-2.6-3.1-6.7-5-10.8-5H78c-7.7 0-14 6.3-14 14s6.3 14 14 14h107.4l52.5 66-52.5 66H78c-7.7 0-14 6.3-14 14s6.3 14 14 14h114c4.1 0 8-1.8 10.7-5l.1-.1 53.2-66.8 53.2 66.8.1.1c2.7 3.2 6.6 5 10.7 5h84.4l-16.3 16.2c-2.7 2.6-4.1 6.1-4.1 9.9 0 3.7 1.5 7.2 4.1 9.9 2.6 2.6 6.2 4.1 9.9 4.1s7.2-1.4 9.9-4.1l33.6-33.4c4.2-4.1 6.5-9.6 6.5-15.5s-2.3-11.4-6.5-15.5l-35.6-35.5z" fill="currentColor"/><path d="M279.4 235.4c1.1 1.4 2.8 2.1 4.6 2.1h.1c1.8 0 3.5-.8 4.6-2.2l37.9-47.3h75.8l-16.3 16.2c-2.7 2.6-4.1 6.1-4.1 9.9 0 3.7 1.5 7.2 4.1 9.9 2.6 2.6 6.2 4.1 9.9 4.1s7.2-1.4 9.9-4.1l35.6-35.4c4.2-4.1 6.5-9.7 6.5-15.5 0-5.9-2.3-11.4-6.5-15.5l-33.6-33.4c-2.6-2.6-6.2-4.1-9.9-4.1s-7.2 1.4-9.9 4.1c-2.7 2.6-4.1 6.2-4.1 9.9s1.5 7.2 4.1 9.9l16.3 16.2H320c-4.1 0-8 1.8-10.7 5l-.1.1-40.3 50.2c-1.8 2.2-1.8 5.4.1 7.6l10.4 12.3z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosShuffle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M405.9 288.1c-2.6-2.6-6.2-4.1-9.9-4.1s-7.2 1.4-9.9 4.1c-2.7 2.6-4.1 6.2-4.1 9.9s1.5 7.2 4.1 9.9l16.3 16.2h-75.5l-124-155-.1-.1c-2.6-3.1-6.7-5-10.8-5H78c-7.7 0-14 6.3-14 14s6.3 14 14 14h107.4l52.5 66-52.5 66H78c-7.7 0-14 6.3-14 14s6.3 14 14 14h114c4.1 0 8-1.8 10.7-5l.1-.1 53.2-66.8 53.2 66.8.1.1c2.7 3.2 6.6 5 10.7 5h84.4l-16.3 16.2c-2.7 2.6-4.1 6.1-4.1 9.9 0 3.7 1.5 7.2 4.1 9.9 2.6 2.6 6.2 4.1 9.9 4.1s7.2-1.4 9.9-4.1l33.6-33.4c4.2-4.1 6.5-9.6 6.5-15.5s-2.3-11.4-6.5-15.5l-35.6-35.5z" fill="currentColor"/><path d="M279.4 235.4c1.1 1.4 2.8 2.1 4.6 2.1h.1c1.8 0 3.5-.8 4.6-2.2l37.9-47.3h75.8l-16.3 16.2c-2.7 2.6-4.1 6.1-4.1 9.9 0 3.7 1.5 7.2 4.1 9.9 2.6 2.6 6.2 4.1 9.9 4.1s7.2-1.4 9.9-4.1l35.6-35.4c4.2-4.1 6.5-9.7 6.5-15.5 0-5.9-2.3-11.4-6.5-15.5l-33.6-33.4c-2.6-2.6-6.2-4.1-9.9-4.1s-7.2 1.4-9.9 4.1c-2.7 2.6-4.1 6.2-4.1 9.9s1.5 7.2 4.1 9.9l16.3 16.2H320c-4.1 0-8 1.8-10.7 5l-.1.1-40.3 50.2c-1.8 2.2-1.8 5.4.1 7.6l10.4 12.3z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M405.9 288.1c-2.6-2.6-6.2-4.1-9.9-4.1s-7.2 1.4-9.9 4.1c-2.7 2.6-4.1 6.2-4.1 9.9s1.5 7.2 4.1 9.9l16.3 16.2h-75.5l-124-155-.1-.1c-2.6-3.1-6.7-5-10.8-5H78c-7.7 0-14 6.3-14 14s6.3 14 14 14h107.4l52.5 66-52.5 66H78c-7.7 0-14 6.3-14 14s6.3 14 14 14h114c4.1 0 8-1.8 10.7-5l.1-.1 53.2-66.8 53.2 66.8.1.1c2.7 3.2 6.6 5 10.7 5h84.4l-16.3 16.2c-2.7 2.6-4.1 6.1-4.1 9.9 0 3.7 1.5 7.2 4.1 9.9 2.6 2.6 6.2 4.1 9.9 4.1s7.2-1.4 9.9-4.1l33.6-33.4c4.2-4.1 6.5-9.6 6.5-15.5s-2.3-11.4-6.5-15.5l-35.6-35.5z" fill="currentColor"/><path d="M279.4 235.4c1.1 1.4 2.8 2.1 4.6 2.1h.1c1.8 0 3.5-.8 4.6-2.2l37.9-47.3h75.8l-16.3 16.2c-2.7 2.6-4.1 6.1-4.1 9.9 0 3.7 1.5 7.2 4.1 9.9 2.6 2.6 6.2 4.1 9.9 4.1s7.2-1.4 9.9-4.1l35.6-35.4c4.2-4.1 6.5-9.7 6.5-15.5 0-5.9-2.3-11.4-6.5-15.5l-33.6-33.4c-2.6-2.6-6.2-4.1-9.9-4.1s-7.2 1.4-9.9 4.1c-2.7 2.6-4.1 6.2-4.1 9.9s1.5 7.2 4.1 9.9l16.3 16.2H320c-4.1 0-8 1.8-10.7 5l-.1.1-40.3 50.2c-1.8 2.2-1.8 5.4.1 7.6l10.4 12.3z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-shuffle {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405.9%20288.1c-2.6-2.6-6.2-4.1-9.9-4.1s-7.2%201.4-9.9%204.1c-2.7%202.6-4.1%206.2-4.1%209.9s1.5%207.2%204.1%209.9l16.3%2016.2h-75.5l-124-155-.1-.1c-2.6-3.1-6.7-5-10.8-5H78c-7.7%200-14%206.3-14%2014s6.3%2014%2014%2014h107.4l52.5%2066-52.5%2066H78c-7.7%200-14%206.3-14%2014s6.3%2014%2014%2014h114c4.1%200%208-1.8%2010.7-5l.1-.1%2053.2-66.8%2053.2%2066.8.1.1c2.7%203.2%206.6%205%2010.7%205h84.4l-16.3%2016.2c-2.7%202.6-4.1%206.1-4.1%209.9%200%203.7%201.5%207.2%204.1%209.9%202.6%202.6%206.2%204.1%209.9%204.1s7.2-1.4%209.9-4.1l33.6-33.4c4.2-4.1%206.5-9.6%206.5-15.5s-2.3-11.4-6.5-15.5l-35.6-35.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M279.4%20235.4c1.1%201.4%202.8%202.1%204.6%202.1h.1c1.8%200%203.5-.8%204.6-2.2l37.9-47.3h75.8l-16.3%2016.2c-2.7%202.6-4.1%206.1-4.1%209.9%200%203.7%201.5%207.2%204.1%209.9%202.6%202.6%206.2%204.1%209.9%204.1s7.2-1.4%209.9-4.1l35.6-35.4c4.2-4.1%206.5-9.7%206.5-15.5%200-5.9-2.3-11.4-6.5-15.5l-33.6-33.4c-2.6-2.6-6.2-4.1-9.9-4.1s-7.2%201.4-9.9%204.1c-2.7%202.6-4.1%206.2-4.1%209.9s1.5%207.2%204.1%209.9l16.3%2016.2H320c-4.1%200-8%201.8-10.7%205l-.1.1-40.3%2050.2c-1.8%202.2-1.8%205.4.1%207.6l10.4%2012.3z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405.9%20288.1c-2.6-2.6-6.2-4.1-9.9-4.1s-7.2%201.4-9.9%204.1c-2.7%202.6-4.1%206.2-4.1%209.9s1.5%207.2%204.1%209.9l16.3%2016.2h-75.5l-124-155-.1-.1c-2.6-3.1-6.7-5-10.8-5H78c-7.7%200-14%206.3-14%2014s6.3%2014%2014%2014h107.4l52.5%2066-52.5%2066H78c-7.7%200-14%206.3-14%2014s6.3%2014%2014%2014h114c4.1%200%208-1.8%2010.7-5l.1-.1%2053.2-66.8%2053.2%2066.8.1.1c2.7%203.2%206.6%205%2010.7%205h84.4l-16.3%2016.2c-2.7%202.6-4.1%206.1-4.1%209.9%200%203.7%201.5%207.2%204.1%209.9%202.6%202.6%206.2%204.1%209.9%204.1s7.2-1.4%209.9-4.1l33.6-33.4c4.2-4.1%206.5-9.6%206.5-15.5s-2.3-11.4-6.5-15.5l-35.6-35.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M279.4%20235.4c1.1%201.4%202.8%202.1%204.6%202.1h.1c1.8%200%203.5-.8%204.6-2.2l37.9-47.3h75.8l-16.3%2016.2c-2.7%202.6-4.1%206.1-4.1%209.9%200%203.7%201.5%207.2%204.1%209.9%202.6%202.6%206.2%204.1%209.9%204.1s7.2-1.4%209.9-4.1l35.6-35.4c4.2-4.1%206.5-9.7%206.5-15.5%200-5.9-2.3-11.4-6.5-15.5l-33.6-33.4c-2.6-2.6-6.2-4.1-9.9-4.1s-7.2%201.4-9.9%204.1c-2.7%202.6-4.1%206.2-4.1%209.9s1.5%207.2%204.1%209.9l16.3%2016.2H320c-4.1%200-8%201.8-10.7%205l-.1.1-40.3%2050.2c-1.8%202.2-1.8%205.4.1%207.6l10.4%2012.3z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-shuffle.svg?color=%231a73e8&size=48
