Edit Movie icon
icon-park:edit-movie
The Edit Movie icon (icon-park:edit-movie) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Edit
- Tags
- editmovie
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" d="M43 9V17V31V39H34V31H43V17H34V9H43Z"/><path fill="#2F88FF" d="M5 17V9H14V17H5V31H14V39H5V31V17Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M43 17V9H34M43 17V31M43 17H34M5 17V9H14M5 17V31M5 17H14M5 31V39H14M5 31H14M43 31V39H34M43 31H34M34 9V17M34 9H30M34 39V31M34 39H30M14 9V17M14 9H18M14 39V31M14 39H18M14 17H18M34 17H30M34 31H30M14 31H18"/><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M24 7V11"/><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M24 17V21"/><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M24 27V31"/><path stroke="#000" stroke-linecap="round" stroke-width="4" d="M24 37V41"/></g></svg>
How to use the Edit Movie icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:edit-movie" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:edit-movie" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:edit-movie" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--edit-movie]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:edit-movie"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:edit-movie"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/edit-movie.svg" alt="Edit Movie icon" width="24" height="24">
Related icons in IconPark
Edit Movie icon in other icon sets
Edit Movie icon FAQ
Is the Edit Movie icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Edit Movie icon in React?
Install @iconify/react and render <Icon icon="icon-park:edit-movie" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Edit Movie icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/edit-movie.svg" alt="Edit Movie icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
