shuffle icon
shuffle-linear from Solar by 480 Design · Linear · Video · CC-BY-4.0 Attribution required.
- Name
- shuffle-linear
- Set
- Solar
- Style
- Linear
- 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.60286C7.26213 17 8.09177 17 8.77953 16.6106C9.46728 16.2212 9.89413 15.5098 10.7478 14.087L13.2522 9.91303C14.1059 8.49021 14.5327 7.7788 15.2205 7.3894C15.9082 7 16.7379 7 18.3971 7H22M20 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 SolarShuffleLinear(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.60286C7.26213 17 8.09177 17 8.77953 16.6106C9.46728 16.2212 9.89413 15.5098 10.7478 14.087L13.2522 9.91303C14.1059 8.49021 14.5327 7.7788 15.2205 7.3894C15.9082 7 16.7379 7 18.3971 7H22M20 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.60286C7.26213 17 8.09177 17 8.77953 16.6106C9.46728 16.2212 9.89413 15.5098 10.7478 14.087L13.2522 9.91303C14.1059 8.49021 14.5327 7.7788 15.2205 7.3894C15.9082 7 16.7379 7 18.3971 7H22M20 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-linear {
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.60286C7.26213%2017%208.09177%2017%208.77953%2016.6106C9.46728%2016.2212%209.89413%2015.5098%2010.7478%2014.087L13.2522%209.91303C14.1059%208.49021%2014.5327%207.7788%2015.2205%207.3894C15.9082%207%2016.7379%207%2018.3971%207H22M20%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.60286C7.26213%2017%208.09177%2017%208.77953%2016.6106C9.46728%2016.2212%209.89413%2015.5098%2010.7478%2014.087L13.2522%209.91303C14.1059%208.49021%2014.5327%207.7788%2015.2205%207.3894C15.9082%207%2016.7379%207%2018.3971%207H22M20%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-linear.svg?color=%231a73e8&size=48
