shuffle icon
shuffle-broken from Solar by 480 Design · Broken · Video · CC-BY-4.0 Attribution required.
- Name
- shuffle-broken
- Set
- Solar
- Style
- Broken
- Category
- Video
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
shuffleBootstrap IconsshuffleBoxIcons v2shuffleCarbonshuffle-fillEva IconsshuffleFramework7 IconsshuffleFont Awesome 6 SolidshuffleFont Awesome SolidshuffleFeather Iconsshuffle-outlineFlowbite IconsshuffleHuge IconsshuffleIconParkshuffleIconPark OutlineshuffleIconoirshuffleIonIconsshuffleJam IconsshuffleLucideshuffleMaterial SymbolsshuffleMaterial Symbols LightshuffleMaterial Design Iconsshuffle-fillMingCute IconshuffleMyna UI IconsshufflePhosphorshufflePixelarticonsshuffleRadix Icons
More video icons from Solar
album-boldcamera-add-boldcamera-boldcamera-minimalistic-boldcamera-off-boldcamera-rotate-boldcamera-square-boldclapperboard-boldclapperboard-edit-boldclapperboard-open-boldclapperboard-open-play-boldclapperboard-play-boldclapperboard-text-boldfull-screen-boldfull-screen-circle-boldfull-screen-square-boldgallery-add-boldgallery-boldgallery-check-boldgallery-circle-boldgallery-download-boldgallery-edit-boldgallery-favorite-boldgallery-minimalistic-bold
Use the shuffle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M2 17H5.60286M22 7H18.3971C16.7379 7 15.9082 7 15.2205 7.3894C14.5327 7.7788 14.1059 8.49021 13.2522 9.91303L10.7478 14.087C10.0958 15.1737 9.69278 15.8454 9.23234 16.2756M20 5L22 7L20 9"/><path d="M2 7H6.66762C7.28299 7 7.59068 7 7.8746 7.05526C8.51417 7.17975 9.09582 7.50908 9.53163 7.99346C9.72509 8.20848 9.88339 8.47232 10.2 9M22 17H17.3324C16.717 17 16.4093 17 16.1254 16.9447C15.4858 16.8202 14.9042 16.4909 14.4684 16.0065C14.2749 15.7915 14.1166 15.5277 13.8 15M20 19L22 17L20 15"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarShuffleBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M2 17H5.60286M22 7H18.3971C16.7379 7 15.9082 7 15.2205 7.3894C14.5327 7.7788 14.1059 8.49021 13.2522 9.91303L10.7478 14.087C10.0958 15.1737 9.69278 15.8454 9.23234 16.2756M20 5L22 7L20 9"/><path d="M2 7H6.66762C7.28299 7 7.59068 7 7.8746 7.05526C8.51417 7.17975 9.09582 7.50908 9.53163 7.99346C9.72509 8.20848 9.88339 8.47232 10.2 9M22 17H17.3324C16.717 17 16.4093 17 16.1254 16.9447C15.4858 16.8202 14.9042 16.4909 14.4684 16.0065C14.2749 15.7915 14.1166 15.5277 13.8 15M20 19L22 17L20 15"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M2 17H5.60286M22 7H18.3971C16.7379 7 15.9082 7 15.2205 7.3894C14.5327 7.7788 14.1059 8.49021 13.2522 9.91303L10.7478 14.087C10.0958 15.1737 9.69278 15.8454 9.23234 16.2756M20 5L22 7L20 9"/><path d="M2 7H6.66762C7.28299 7 7.59068 7 7.8746 7.05526C8.51417 7.17975 9.09582 7.50908 9.53163 7.99346C9.72509 8.20848 9.88339 8.47232 10.2 9M22 17H17.3324C16.717 17 16.4093 17 16.1254 16.9447C15.4858 16.8202 14.9042 16.4909 14.4684 16.0065C14.2749 15.7915 14.1166 15.5277 13.8 15M20 19L22 17L20 15"/></g></svg> </template>
CSS
.icon-shuffle-broken {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%2017H5.60286M22%207H18.3971C16.7379%207%2015.9082%207%2015.2205%207.3894C14.5327%207.7788%2014.1059%208.49021%2013.2522%209.91303L10.7478%2014.087C10.0958%2015.1737%209.69278%2015.8454%209.23234%2016.2756M20%205L22%207L20%209%22%2F%3E%3Cpath%20d%3D%22M2%207H6.66762C7.28299%207%207.59068%207%207.8746%207.05526C8.51417%207.17975%209.09582%207.50908%209.53163%207.99346C9.72509%208.20848%209.88339%208.47232%2010.2%209M22%2017H17.3324C16.717%2017%2016.4093%2017%2016.1254%2016.9447C15.4858%2016.8202%2014.9042%2016.4909%2014.4684%2016.0065C14.2749%2015.7915%2014.1166%2015.5277%2013.8%2015M20%2019L22%2017L20%2015%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%2017H5.60286M22%207H18.3971C16.7379%207%2015.9082%207%2015.2205%207.3894C14.5327%207.7788%2014.1059%208.49021%2013.2522%209.91303L10.7478%2014.087C10.0958%2015.1737%209.69278%2015.8454%209.23234%2016.2756M20%205L22%207L20%209%22%2F%3E%3Cpath%20d%3D%22M2%207H6.66762C7.28299%207%207.59068%207%207.8746%207.05526C8.51417%207.17975%209.09582%207.50908%209.53163%207.99346C9.72509%208.20848%209.88339%208.47232%2010.2%209M22%2017H17.3324C16.717%2017%2016.4093%2017%2016.1254%2016.9447C15.4858%2016.8202%2014.9042%2016.4909%2014.4684%2016.0065C14.2749%2015.7915%2014.1166%2015.5277%2013.8%2015M20%2019L22%2017L20%2015%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/shuffle-broken.svg?color=%231a73e8&size=48
