Home/Libraries/Freehand free icons (Iconify)/video-edit-play

Freehand free icons (Iconify)

VideoEditPlay

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"><path fill="#818cf8" d="M23.861 18.083c0-1.355-.08-2.679-.23-4.013a4 4 0 0 0-.502-2.007c-.672-.893-2.528-.662-3.391-.712c-7.203-.461-5.729.26-8.026.291a.341.341 0 0 0 0 .682c2.448 0 .863-.742 7.935-.09c.542 0 2.358 0 2.669.401s.411 4.745.411 5.438c0 1.073.412 3.581-.28 4.364c-.693.782-3.1.24-4.144.29c-1.725.081-3.692.302-5.377.262c-1.686-.04-1.565.08-1.545-2.167c.07-9.03 0-7.816 0-8.026a.3.3 0 0 0-.12-.432a.37.37 0 0 0-.472.341c-.07.382-.341 9.601-.341 9.672c.19 2.126 2.197 1.615 7.895 1.444c2.067-.07 5.187 1.054 5.588-2.317a24 24 0 0 0-.07-3.421"/><path fill="#818cf8" d="M16.196 20.27c.331-.07.492-.13 3.421-1.736c.422-.23 1.304-.562 1.244-1.214s-.802-.893-1.344-1.194L16.036 14.2a.3.3 0 0 0-.16-.19c-.723-.351-.703 1.284-.763 2.086c-.06.803-.953 4.585 1.083 4.174m-.31-4.194c0-.07.15-.642.18-1.083l2.98 1.966q.39.167.762.371c-.19.11-3.592 1.846-3.752 1.907a8.7 8.7 0 0 1-.17-3.16M3.997 20.2a.341.341 0 0 0 .682 0c.16-1.953.076-3.918-.25-5.85c-.08-.53-.653-.53-.753-.06a49 49 0 0 0 .321 5.91m4.876-7.083a41 41 0 0 0-7.444-.281c-.402.12-.462.481.06.732c.471.05 5.417.301 7.354.231a.342.342 0 0 0 .03-.682M1.83 16.94q.278-.009.552-.061q.415-.131.802-.331a.342.342 0 0 0-.09-.672a2.68 2.68 0 0 0-1.675.14c-.211.17-.18.321-.11.712c.07-.01.14.1.521.211"/><path fill="#818cf8" d="M15.925 4.419a12 12 0 0 0-.08-1.806C15.474.085 13.156.075 10.72.025a37 37 0 0 0-5.508.21a16.5 16.5 0 0 0-4.013 1.003a2.3 2.3 0 0 0-.923 1.887c-.16 1.354-.361 12.53-.14 14.607s1.003 3.34 3.07 3.722c1.388.148 2.79.127 4.173-.06c.391 0 1.866.19 2.187-.161a.302.302 0 0 0-.441-.411l-1.776-.08a16.7 16.7 0 0 1-4.013 0C1.368 20.28.987 18.955.987 16.858c.19-7.264-.31-12.52.652-14.527c.13-.26 1.244-.502 2.007-.672c0 0 8.196-.592 8.196-.642c3.722 0 3.26 1.515 3.27 5.768a33 33 0 0 1 0 3.552a.341.341 0 0 0 .673.09c.25-1.154.1-1.374.14-6.01"/><path fill="#818cf8" d="M14.852 8.632a69 69 0 0 0-11.858-.34c-.472 0-1.003.09-1.415.15c-.411.06-.351.391-.1.622q.446.037.893 0c4.314-.07 12.45.22 12.48.21c.351 0 .331-.612 0-.642m-2.378-3.009a2.4 2.4 0 0 0 1.836-.191a.34.34 0 1 0 0-.682a2.5 2.5 0 0 0-1.836 0q-.15-1.689-.531-3.34a.33.33 0 0 0-.397-.307a.33.33 0 0 0-.246.436v1.255c-.007 1.682.141 3.36.442 5.016a.401.401 0 0 0 .742.07c-.04-.833.01-1.354-.01-2.257m-9.229-.171c0 .783.11 1.545.14 2.328a.341.341 0 0 0 .682 0c.2-1.157.3-2.328.301-3.502V1.931c0-.281-.471-.341-.712-.11a11.3 11.3 0 0 0-.411 2.929c-.261 0-.683-.14-1.124-.16a1.7 1.7 0 0 0-.552.09c-.29.28-.501.501-.19.852c.622.06 1.25.034 1.866-.08"/></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. VideoEditPlayIcon.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.