Skip to content

Shuffle ​

Usage ​

With Web Components ​

html
<ss-icon icon="shuffle"></ss-icon>

With icon tag ​

html
<i class="ss ss-shuffle"></i>

With custom stroke width / thickness ​

html
<ss-icon icon="shuffle" thickness="1.2"></ss-icon>

Node.js ​

javascript
const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['shuffle'];
console.log(svg);

Icon Details ​

PropertyValue
NameShuffle
Slugshuffle
Tagsshuffle, randomize, random order, playlist shuffle, mix, random selection

SVG Path ​

M3 5.25h3c4.5 0 7.5 13.5 12 13.5h3M18 15.75l3 3-3 3M3 18.75h3c1.5 0 3-2.25 4.5-5.25M13.5 10.5c1.5-3 3-5.25 4.5-5.25h3M18 2.25l3 3-3 3

Raw SVG ​

html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M3 5.25h3c4.5 0 7.5 13.5 12 13.5h3M18 15.75l3 3-3 3M3 18.75h3c1.5 0 3-2.25 4.5-5.25M13.5 10.5c1.5-3 3-5.25 4.5-5.25h3M18 2.25l3 3-3 3"></path>
</svg>

← Back to Icon Library