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

Freehand free icons (Iconify)

VideoEditEffects

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="M16.682 9.501a6 6 0 0 0-1.487.34a3 3 0 0 0-.999.629a5.6 5.6 0 0 0-.829 1.237a9 9 0 0 0-.539-.848a3.6 3.6 0 0 0-.718-.689a5.5 5.5 0 0 0-.999-.35c.047-.466.19-.918.42-1.327a2 2 0 0 1 1.347-.889q.28-.075.57-.09q.274-.037.548 0a.39.39 0 0 0 .48-.279a.39.39 0 0 0-.28-.48a2.6 2.6 0 0 0-.749-.129a4.4 4.4 0 0 0-.728 0a3 3 0 0 0-2.586 1.867a5.7 5.7 0 0 0-.31.998c-.589 0-1.178-.06-1.727-.09a.33.33 0 0 0-.379.3a.34.34 0 0 0 .3.39c.519.109 1.088.239 1.637.389q.008.094 0 .19a7.4 7.4 0 0 1-.36 1.876c-.155.422-.412.8-.748 1.098a6.6 6.6 0 0 1-1.258.809a.35.35 0 0 0-.115.57a.34.34 0 0 0 .374.069a6 6 0 0 0 1.837-.929c.416-.298.757-.687.999-1.138A7.5 7.5 0 0 0 10.982 11q.227.1.439.23c.549.379.768.998 1.168 1.517l.22.22q-.104.229-.27.419c-.292.29-.664.484-1.068.559a.392.392 0 1 0 .09.778a2.73 2.73 0 0 0 2.106-.998s0-.08.07-.11a6.3 6.3 0 0 0 1.188.59c.47.207.985.293 1.497.249a.4.4 0 0 0 .36-.43a.41.41 0 0 0-.43-.359a2.26 2.26 0 0 1-.998-.34a5.5 5.5 0 0 1-.998-.658c.06-.11.14-.19.2-.3q.263-.617.648-1.168c.17-.262.4-.48.67-.639a6.3 6.3 0 0 1 .998-.439a.35.35 0 0 0 .28-.41a.37.37 0 0 0-.47-.209m5.111 5.72a6 6 0 0 0-.738 0q-.362 0-.72.06q-.425.09-.838.23c0-.86.08-1.708.08-2.567v-.21q.383.125.779.2q.337.048.679.05h.688q.282-.024.56-.08a.62.62 0 0 0 0-1.098l-.53-.07h-.668a5 5 0 0 0-.66 0l-.838.09V8.064c.3 0 .6.11.909.14q.309.021.618 0h.61c.279 0 .389-.1.668-.15c.41-.21.38-.999-.12-.999a5 5 0 0 0-.559-.08a5 5 0 0 0-.638 0a4 4 0 0 0-.62 0q-.455.085-.898.22c-.05-1.158-.13-1.947-.16-3.105a.379.379 0 0 0-.748 0c-.17 1.997-.29 3.684-.31 5.7c0 1.319 0 2.646.08 3.994c.09 2.725.21 3.993.26 5.91a.38.38 0 0 0 .379.4a.4.4 0 0 0 .41-.38c.05-.998.06-2.056.1-3.075c.319 0 .628.06.997.07c.37.01.47 0 .7 0s.458 0 .698-.06a.69.69 0 0 0 .62-.938a.72.72 0 0 0-.79-.49"/><path d="M23.47 20.982c0-1.997.68-9.983.5-14.476a12.7 12.7 0 0 0-.43-3.115a1.62 1.62 0 0 0-.768-.998a38 38 0 0 0-6.36-.13c-5.31.14-12.419.57-14.216.62a.35.35 0 0 0 0 .688c2.905 0 19.248-.11 19.967 0q.132.262.23.54c.708 2.835.199 10.472.289 16.811c-3.534-.2-9.983-.14-14.855-.42a45 45 0 0 1-4.642-.518c-.7-.15-1.218-.25-1.378-.51s-.998.1-.37-16.272a.35.35 0 0 0-.329-.36a.33.33 0 0 0-.37.32C.61 4.739 0 10.52 0 14.912c0 2.486.22 4.542.689 5.291c.246.35.595.616.998.759c1.202.393 2.451.622 3.714.679c5.151.41 13.497-.06 17.49.08c0 0 .08.05.12 0s.05 0 .08 0h.29a.39.39 0 0 0 .419-.36a.4.4 0 0 0-.33-.38"/><path d="M2.216 8.114q.305.023.61 0h.608l.999-.15V9.36c0 .83 0 1.658.06 2.496c-.31-.05-.62-.11-.929-.14s-.45 0-.669 0a5 5 0 0 0-.659 0c-.28 0-.28 0-.539.06a.629.629 0 0 0 0 1.099q.255.075.52.11q.343.046.688.05h.689c.23 0 .639-.09.948-.14v1.068c0 .509 0 .998.08 1.537c-.33-.06-.659-.13-.998-.17a6 6 0 0 0-.729 0q-.367 0-.729.06q-.205.028-.399.1c-.42.06-.48.999 0 1.128q.26.015.52 0h.698c.23 0 .46 0 .689-.06l.998-.11c.07 1.189.09 2.117.15 3.305c0 .51.809.649.838.16c.07-2.097.19-3.914.17-5.99c0-1.508-.12-2.995-.16-4.523c-.1-1.327-.309-2.675-.359-3.993a6.6 6.6 0 0 1-.02-1.398c0-.479-.579-.479-.699 0a10.4 10.4 0 0 0-.16 1.857v1.138a8 8 0 0 0-.998-.17a4.5 4.5 0 0 0-.639 0a4.4 4.4 0 0 0-.619 0q-.24.07-.469.17a.65.65 0 0 0 0 .999c.22 0 .29.09.51.11"/></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. VideoEditEffectsIcon.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.