Add icons to this collection by clicking the heart icon.
Animation icon - also known as photography, production, ui, animation, art and design, after effects, edit tools, motion graphic, and video production. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 96 96"
>
<path
fill="#486d97"
d="M93.06 8.41H2.94A1.93 1.93 0 0 0 1 10.34v55a1.94 1.94 0 0 0 1.94 1.94h90.12A1.94 1.94 0 0 0 95 65.3v-55a1.93 1.93 0 0 0-1.94-1.89zM90 62.24H6V13.41h84z"
/>
<path
fill="#484f79"
d="M90 43.62v18.62H6V43.62H1V65.3a1.94 1.94 0 0 0 1.94 1.94h90.12A1.94 1.94 0 0 0 95 65.3V43.62z"
/>
<path fill="#3495ff" d="M6 13.41h84v48.83H6z" />
<rect width="76" height="41.18" x="10" y="17.41" fill="#34ccff" rx="1.71" />
<rect
width="73.58"
height="29"
x="11.21"
y="58.59"
fill="#c3ccff"
rx="1.94"
/>
<rect
width="23.93"
height="67.58"
x="36.04"
y="38.84"
fill="#dceaff"
rx=".72"
transform="rotate(90 48 72.63)"
/>
<rect
width="6.57"
height="67.58"
x="44.71"
y="30.16"
fill="#fff"
rx=".72"
transform="rotate(90 48 63.95)"
/>
<path
fill="#484f79"
d="M76 69.72H37.62a2.38 2.38 0 0 1 0-4.75H76a2.38 2.38 0 1 1 0 4.75zM76 81.22H37.62a2.38 2.38 0 0 1 0-4.75H76a2.38 2.38 0 1 1 0 4.75z"
/>
<path
fill="#347cdc"
d="M26.38 69.72H20A2.38 2.38 0 1 1 20 65h6.38a2.38 2.38 0 0 1 0 4.75zM26.38 81.22H20a2.38 2.38 0 1 1 0-4.75h6.38a2.38 2.38 0 0 1 0 4.75z"
/>
<path
fill="#ff8742"
d="M80.12 29.47a4.08 4.08 0 1 1-6.84-2.88 4.08 4.08 0 0 1 6.84 2.88z"
/>
<path
fill="#ffb942"
d="M80.12 29.47a4.08 4.08 0 0 1-6.84-2.88 4.07 4.07 0 0 1 6.84 2.88z"
/>
<path
fill="#dceaff"
d="M65.88 30.24a7.84 7.84 0 0 0-6.84 4 7.82 7.82 0 0 0-13.66 0 7.83 7.83 0 0 0-13.67 0 7.83 7.83 0 0 0-13.67 0 7.83 7.83 0 0 0-6.83-4 1 1 0 0 0 0 2A5.84 5.84 0 0 1 17 38.07a1 1 0 0 0 2 0 5.84 5.84 0 0 1 11.67 0 1 1 0 0 0 2 0 5.84 5.84 0 0 1 11.67 0 1 1 0 0 0 2 0 5.83 5.83 0 0 1 11.66 0 1 1 0 0 0 2 0 5.84 5.84 0 0 1 5.84-5.83 1 1 0 1 0 0-2z"
/>
<g fill="#2f3156">
<path
d="M42.44 82.22a1 1 0 0 1-1-1v-4.75a1 1 0 0 1 2 0v4.75a1 1 0 0 1-1 1zM49.62 82.22a1 1 0 0 1-1-1v-4.75a1 1 0 0 1 2 0v4.75a1 1 0 0 1-1 1zM56.81 82.22a1 1 0 0 1-1-1v-4.75a1 1 0 0 1 2 0v4.75a1 1 0 0 1-1 1zM71.19 82.22a1 1 0 0 1-1-1v-4.75a1 1 0 0 1 2 0v4.75a1 1 0 0 1-1 1zM42.44 70.72a1 1 0 0 1-1-1V65a1 1 0 0 1 2 0v4.75a1 1 0 0 1-1 .97zM49.62 72.84a1 1 0 0 1-1-1V52.08a1 1 0 0 1 2 0v19.76a1 1 0 0 1-1 1zM56.81 70.72a1 1 0 0 1-1-1V65a1 1 0 0 1 2 0v4.75a1 1 0 0 1-1 .97zM64 70.72a1 1 0 0 1-1-1V65a1 1 0 0 1 2 0v4.75a1 1 0 0 1-1 .97zM71.19 70.72a1 1 0 0 1-1-1V65a1 1 0 0 1 2 0v4.75a1 1 0 0 1-1 .97zM64 84.15a1 1 0 0 1-1-1v-9a1 1 0 0 1 2 0v9a1 1 0 0 1-1 1z"
/>
</g>
<path
fill="#347cdc"
d="M78.38 52.13H35.25a1 1 0 0 1 0-2h43.13a1 1 0 0 1 0 2z"
/>
<path
fill="#347cdc"
d="M71.19 53.7a1 1 0 0 1-1-1v-3.13a1 1 0 1 1 2 0v3.13a1 1 0 0 1-1 1zM64 53.7a1 1 0 0 1-1-1v-3.13a1 1 0 1 1 2 0v3.13a1 1 0 0 1-1 1zM56.81 53.7a1 1 0 0 1-1-1v-3.13a1 1 0 1 1 2 0v3.13a1 1 0 0 1-1 1zM42.44 53.7a1 1 0 0 1-1-1v-3.13a1 1 0 1 1 2 0v3.13a1 1 0 0 1-1 1z"
/>
<path fill="#17d77d" d="M47.58 49.09h4.09v3.61l-2.04 1.37-2.05-1.37z" />
<path fill="#667cb5" d="M32.31 8.41h32.62v5H32.31z" />
</svg>
More icons in the same style and category