Folder Music Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Folder Music Svg icon is commonly used in file browsers, project management tools and admin panels. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/308236.svg" alt="Folder Music Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308236.svg" alt="Folder Music Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308236.svg" alt="Folder Music Svg icon" :width="24" :height="24" />
CSS background
.icon-folder-music---svg {
background-image: url('https://proicons.com/icon/308236.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M3 17V5H10L12 7H21V17C21 18.1046 20.1046 19 19 19H5C3.89543 19 3 18.1046 3 17Z" fill="#CD7900" stroke="#CD7900" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3 17V7H21V17C21 18.1046 20.1046 19 19 19H5C3.89543 19 3 18.1046 3 17Z" fill="#FF9600" stroke="#FF9600" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.0001 10V15" stroke="#FBE56D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="11.0001" cy="15" r="1" stroke="#FFF5D3" stroke-width="2"/> <path d="M14.0001 12L12.0001 10" stroke="#FFF5D3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white" transform="translate(-0.00012207)"/> </clipPath> </defs> </svg>
More from IconaMoon
View all
Copied!