Audio Document Icon SVG
Audio Document
Audio document SVG Icon Code | Customize color
You can get svg icon audio document in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 10C7 9.44771 6.55228 9 6 9C5.44772 9 5 9.44771 5 10C5 10.5523 5.44772 11 6 11C6.55228 11 7 10.5523 7 10Z" fill="black"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1.5C1 0.671573 1.67157 0 2.5 0H10.7071L14 3.29289V13.5C14 14.3284 13.3284 15 12.5 15H2.5C1.67157 15 1 14.3284 1 13.5V1.5ZM7.34189 4.02569C7.54606 3.95763 7.77087 4.02786 7.9 4.20003L8.2 4.60003C8.86099 5.48135 9.89835 6.00003 11 6.00003V7.00003C9.88299 7.00003 8.8174 6.58529 8 5.8542V10C8 11.1046 7.10457 12 6 12C4.89543 12 4 11.1046 4 10C4 8.89543 4.89543 8 6 8C6.36429 8 6.70583 8.09739 7 8.26756V4.50003C7 4.28482 7.13772 4.09375 7.34189 4.02569Z" fill="black"/> </svg> Svg Code
<svg style="color: white" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 10C7 9.44771 6.55228 9 6 9C5.44772 9 5 9.44771 5 10C5 10.5523 5.44772 11 6 11C6.55228 11 7 10.5523 7 10Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1.5C1 0.671573 1.67157 0 2.5 0H10.7071L14 3.29289V13.5C14 14.3284 13.3284 15 12.5 15H2.5C1.67157 15 1 14.3284 1 13.5V1.5ZM7.34189 4.02569C7.54606 3.95763 7.77087 4.02786 7.9 4.20003L8.2 4.60003C8.86099 5.48135 9.89835 6.00003 11 6.00003V7.00003C9.88299 7.00003 8.8174 6.58529 8 5.8542V10C8 11.1046 7.10457 12 6 12C4.89543 12 4 11.1046 4 10C4 8.89543 4.89543 8 6 8C6.36429 8 6.70583 8.09739 7 8.26756V4.50003C7 4.28482 7.13772 4.09375 7.34189 4.02569Z" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 10C7 9.44771 6.55228 9 6 9C5.44772 9 5 9.44771 5 10C5 10.5523 5.44772 11 6 11C6.55228 11 7 10.5523 7 10Z" fill="red"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1.5C1 0.671573 1.67157 0 2.5 0H10.7071L14 3.29289V13.5C14 14.3284 13.3284 15 12.5 15H2.5C1.67157 15 1 14.3284 1 13.5V1.5ZM7.34189 4.02569C7.54606 3.95763 7.77087 4.02786 7.9 4.20003L8.2 4.60003C8.86099 5.48135 9.89835 6.00003 11 6.00003V7.00003C9.88299 7.00003 8.8174 6.58529 8 5.8542V10C8 11.1046 7.10457 12 6 12C4.89543 12 4 11.1046 4 10C4 8.89543 4.89543 8 6 8C6.36429 8 6.70583 8.09739 7 8.26756V4.50003C7 4.28482 7.13772 4.09375 7.34189 4.02569Z" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 10C7 9.44771 6.55228 9 6 9C5.44772 9 5 9.44771 5 10C5 10.5523 5.44772 11 6 11C6.55228 11 7 10.5523 7 10Z" fill="blue"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1.5C1 0.671573 1.67157 0 2.5 0H10.7071L14 3.29289V13.5C14 14.3284 13.3284 15 12.5 15H2.5C1.67157 15 1 14.3284 1 13.5V1.5ZM7.34189 4.02569C7.54606 3.95763 7.77087 4.02786 7.9 4.20003L8.2 4.60003C8.86099 5.48135 9.89835 6.00003 11 6.00003V7.00003C9.88299 7.00003 8.8174 6.58529 8 5.8542V10C8 11.1046 7.10457 12 6 12C4.89543 12 4 11.1046 4 10C4 8.89543 4.89543 8 6 8C6.36429 8 6.70583 8.09739 7 8.26756V4.50003C7 4.28482 7.13772 4.09375 7.34189 4.02569Z" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 10C7 9.44771 6.55228 9 6 9C5.44772 9 5 9.44771 5 10C5 10.5523 5.44772 11 6 11C6.55228 11 7 10.5523 7 10Z" fill="#f3da35"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1.5C1 0.671573 1.67157 0 2.5 0H10.7071L14 3.29289V13.5C14 14.3284 13.3284 15 12.5 15H2.5C1.67157 15 1 14.3284 1 13.5V1.5ZM7.34189 4.02569C7.54606 3.95763 7.77087 4.02786 7.9 4.20003L8.2 4.60003C8.86099 5.48135 9.89835 6.00003 11 6.00003V7.00003C9.88299 7.00003 8.8174 6.58529 8 5.8542V10C8 11.1046 7.10457 12 6 12C4.89543 12 4 11.1046 4 10C4 8.89543 4.89543 8 6 8C6.36429 8 6.70583 8.09739 7 8.26756V4.50003C7 4.28482 7.13772 4.09375 7.34189 4.02569Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit audio document as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements