Home/Libraries/Freehand free icons (Iconify)/playlist-square-sync

Freehand free icons (Iconify)

PlaylistSquareSync

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M9.015 16.784a2.61 2.61 0 0 0 3.402 1.221a2.242 2.242 0 0 0 1.201-3.142s-.06-.07-.08-.11a63 63 0 0 0-.85-3.553c-.22-.82-.48-1.63-.68-2.462a8 8 0 0 1-.611-1.27a3 3 0 0 1 1.67-.28c.678.002 1.33.255 1.832.71a.404.404 0 0 0 .65-.48a3.63 3.63 0 0 0-2.351-1.251a3.86 3.86 0 0 0-2.722.39a.86.86 0 0 0-.26.82q.196.882.5 1.732c.19.62.37 1.25.6 1.851c.32.9.671 1.781 1.001 2.672c-1.3-.54-4.123 1.2-3.302 3.152m3.583-1.49a1.09 1.09 0 0 1-.67 1.46a1.56 1.56 0 0 1-1.252 0a1.37 1.37 0 0 1-.63-.49c-.49-.85 1.791-3.002 2.552-.97"/><path d="M21.214 14.002a.33.33 0 0 0-.36.33c0 .571 0 2.422-.15 4.054a5.6 5.6 0 0 1-.48 2.341a1.2 1.2 0 0 1-.571.36q-.65.165-1.321.19c-.57.08-2.312.13-4.403.17H9.495a36 36 0 0 1-4.663-.25c-.36-.06-.85-.07-.75-.2a2.8 2.8 0 0 1-.31-.99a16 16 0 0 1-.19-2.092l.05-3.793c.38.34.76.67 1.15 1.001s.83.62 1.23.88a.36.36 0 0 0 .579-.114a.35.35 0 0 0-.078-.386c-.28-.29-.55-.59-.81-.89c-.39-.46-.76-.93-1.141-1.421a9 9 0 0 0-.72-.87a.82.82 0 0 0-.521-.211a1.06 1.06 0 0 0-.59.2q-.35.307-.651.66L.119 15.384a.39.39 0 0 0 0 .56a.38.38 0 0 0 .55 0l2.122-1.94l-.22 3.882c-.014.874.046 1.748.18 2.612c.05.434.19.853.41 1.23c.305.327.71.542 1.15.611c1.219.264 2.458.418 3.703.46c2.002.09 4.323.08 6.305 0s3.672-.23 4.233-.32q.75-.093 1.47-.32c.402-.15.75-.414 1.002-.76c.355-.69.537-1.456.53-2.232c.12-1.781 0-4.113 0-4.763a.33.33 0 0 0-.34-.4m2.692-5.796a.4.4 0 0 0-.56 0l-2.122 1.861l.27-3.872a19 19 0 0 0-.14-2.612a3.2 3.2 0 0 0-.4-1.241a2 2 0 0 0-1.141-.62a20 20 0 0 0-3.653-.47a78 78 0 0 0-6.304-.09a40 40 0 0 0-4.223.26a7.7 7.7 0 0 0-1.552.3a2.2 2.2 0 0 0-1 .74a5.6 5.6 0 0 0-.57 2.402c-.14 1.931 0 4.483 0 5.133a.35.35 0 1 0 .69 0c.05-.57.06-2.591.22-4.373a6.4 6.4 0 0 1 .53-2.532a1.23 1.23 0 0 1 .56-.36a7.3 7.3 0 0 1 1.332-.17c.49-.06 1.831-.09 3.502-.11s3.543 0 5.334 0c1.556-.004 3.111.1 4.653.31c.69.12.841-.13 1.061 1.281q.141 1.047.15 2.102l-.16 3.852c-.38-.35-.75-.68-1.14-1s-.811-.66-1.222-1.001a.35.35 0 0 0-.5.49c.28.3.55.6.8.911c.401.46.761.93 1.131 1.431q.325.46.701.88a.83.83 0 0 0 .52.22a1 1 0 0 0 .59-.19q.361-.3.661-.66l2.002-2.38a.4.4 0 0 0-.02-.49"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PlaylistSquareSyncIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.