Add icons to this collection by clicking the heart icon.
Media icon - also known as multimedia, folders, media, videos, multimedia file, music and multimedia, and video folder. Created in a clean outline gradient style with a gray and black finish, 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 100 100"
>
<symbol id="d" viewBox="-0.089 -99.999 100.088 100.088">
<g opacity=".4">
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M49.911 0v-99.911M99.911-49.911H0M99.842-33.911H-.069M99.842-65.911H-.069M65.911-99.822V.089M33.911-99.842V.069M99.911.001 0-99.911M0 .001l99.911-99.912M49.957-28.81c-11.678 0-21.146-9.466-21.146-21.145 0-11.677 9.468-21.145 21.146-21.145 11.677 0 21.145 9.468 21.145 21.145 0 11.678-9.468 21.145-21.145 21.145z"
clip-path="url(#a)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M49.911-8.956c-22.647 0-40.977-18.332-40.977-40.977 0-22.646 18.33-40.978 40.977-40.978 22.646 0 40.978 18.332 40.978 40.978 0 22.645-18.332 40.977-40.978 40.977z"
clip-path="url(#a)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M78.69-12.911H21.133a8.22 8.22 0 0 1-8.223-8.222V-78.69a8.22 8.22 0 0 1 8.223-8.222h57.555a8.22 8.22 0 0 1 8.222 8.222v57.556a8.22 8.22 0 0 1-8.222 8.222z"
clip-path="url(#a)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M82.711-16.911h-65.6c-4.528 0-8.2-3.694-8.2-8.25v-49.5c0-4.556 3.672-8.25 8.2-8.25h65.6c4.529 0 8.2 3.695 8.2 8.25v49.5c0 4.556-3.671 8.25-8.2 8.25z"
clip-path="url(#a)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M82.911-82.711v65.6c0 4.528-3.694 8.2-8.25 8.2h-49.5c-4.556 0-8.25-3.672-8.25-8.2v-65.6c0-4.528 3.694-8.2 8.25-8.2h49.5c4.556 0 8.25 3.672 8.25 8.2z"
clip-path="url(#a)"
/>
<g clip-path="url(#a)">
<path
d="M99.66-.25v-99.411H.25v99.41h99.41m.25.25H0v-99.91h99.91v99.91z"
/>
</g>
</g>
</symbol>
<clipPath id="a"><path d="M0-99.911h99.911V0H0z" /></clipPath>
<linearGradient
id="e"
x1="14.135"
x2="85.865"
y1="29.293"
y2="70.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc3a0" />
<stop offset="1" stop-color="#ffafbd" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#fdd6bd" />
<stop offset="1" stop-color="#f794a4" />
</linearGradient>
<linearGradient
id="f"
x1="60.773"
x2="70.587"
y1="60.228"
y2="70.042"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="49"
x2="61.94"
y1="61"
y2="73.94"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="38.03"
x2="51.03"
y1="60.97"
y2="73.97"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="27.108"
x2="41.533"
y1="57.922"
y2="72.347"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fffeff" />
<stop offset="1" stop-color="#f9cbc6" />
</linearGradient>
<linearGradient
id="j"
x1="26.273"
x2="48.758"
y1="38.758"
y2="61.243"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="51.243"
x2="73.728"
y1="38.758"
y2="61.243"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="58.472"
x2="72.892"
y1="27.658"
y2="42.078"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="48.968"
x2="61.968"
y1="26.033"
y2="39.033"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="38.065"
x2="51"
y1="26.065"
y2="39"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="29.411"
x2="39.225"
y1="29.961"
y2="39.775"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path fill="url(#f)" d="M74.97 60c-.48 7.71-6.4 13.93-13.97 14.88V60z" />
<path fill="url(#g)" d="M61 60v14.88c-.66.08-1.32.12-2 .12h-9V60z" />
<path fill="url(#h)" d="M50 60v15h-9c-.68 0-1.34-.04-2-.12V60z" />
<path fill="url(#i)" d="M39 60v14.88c-7.57-.95-13.49-7.17-13.97-14.88z" />
<path
fill="url(#j)"
d="M50 40v20H25.03c-.02-.33-.03-.66-.03-1V41c0-.34.01-.67.03-1z"
/>
<path
fill="url(#k)"
d="M75 41v18c0 .34-.01.67-.03 1H50V40h24.97c.02.33.03.66.03 1z"
/>
<path
fill="url(#l)"
d="M74.97 40H61V25.13c7.57.94 13.49 7.16 13.97 14.87z"
/>
<path fill="url(#m)" d="M61 25.13V40H50V25h9c.68 0 1.34.04 2 .13z" />
<path fill="url(#n)" d="M50 25v15H39V25.13c.66-.09 1.32-.13 2-.13z" />
<path
fill="url(#o)"
d="M39 25.13V40H25.03c.48-7.71 6.4-13.93 13.97-14.87z"
/>
<path
fill="#231f20"
d="M59 76H41c-9.374 0-17-7.626-17-17V41c0-9.374 7.626-17 17-17h18c9.374 0 17 7.626 17 17v18c0 9.374-7.626 17-17 17zM41 26c-8.271 0-15 6.729-15 15v18c0 8.271 6.729 15 15 15h18c8.271 0 15-6.729 15-15V41c0-8.271-6.729-15-15-15z"
/>
<path fill="#231f20" d="M74 41H26a1 1 0 0 1 0-2h48a1 1 0 0 1 0 2z" />
<path
fill="#231f20"
d="M39 41a1 1 0 0 1-1-1V25a1 1 0 0 1 2 0v15a1 1 0 0 1-1 1zM50 76a1 1 0 0 1-1-1V25a1 1 0 0 1 2 0v50a1 1 0 0 1-1 1zM61 41a1 1 0 0 1-1-1V25a1 1 0 0 1 2 0v15a1 1 0 0 1-1 1z"
/>
<path fill="#231f20" d="M74 61H26a1 1 0 0 1 0-2h48a1 1 0 0 1 0 2z" />
<path
fill="#231f20"
d="M61 76a1 1 0 0 1-1-1V60a1 1 0 0 1 2 0v15a1 1 0 0 1-1 1zM39 76a1 1 0 0 1-1-1V60a1 1 0 0 1 2 0v15a1 1 0 0 1-1 1z"
/>
</svg>
More icons in the same style and category