Material Three Icon SVG
Icon Material three SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Material three Icon Svg Code | Path | Download
Download free Material Three SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Material Three Icon SVG code in HTML/Css from below.
Material Three
Material three SVG Icon Code | Customize color
You can get svg icon material three in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeMaterial three
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M9 15V9.56389C9 8.67237 9.08702 8.34908 9.25044 8.02315C9.41385 7.69723 9.65365 7.44144 9.95921 7.26713C10.2648 7.09283 10.5678 7 11.4036 7H36.5964C37.4322 7 37.7352 7.09283 38.0408 7.26713C38.3463 7.44144 38.5862 7.69723 38.7496 8.02315C38.913 8.34908 39 8.67237 39 9.56389V15" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 15H43V41H5V15Z" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 26C14.6569 26 16 24.6569 16 23C16 21.3431 14.6569 20 13 20C11.3431 20 10 21.3431 10 23C10 24.6569 11.3431 26 13 26Z" fill="#333"/><path d="M5.56885 40.39L14.9999 30L19.9999 34L25.9999 27L42.3937 40.39" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Material three
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: white' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M9 15V9.56389C9 8.67237 9.08702 8.34908 9.25044 8.02315C9.41385 7.69723 9.65365 7.44144 9.95921 7.26713C10.2648 7.09283 10.5678 7 11.4036 7H36.5964C37.4322 7 37.7352 7.09283 38.0408 7.26713C38.3463 7.44144 38.5862 7.69723 38.7496 8.02315C38.913 8.34908 39 8.67237 39 9.56389V15" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 15H43V41H5V15Z" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 26C14.6569 26 16 24.6569 16 23C16 21.3431 14.6569 20 13 20C11.3431 20 10 21.3431 10 23C10 24.6569 11.3431 26 13 26Z" fill="#333"/><path d="M5.56885 40.39L14.9999 30L19.9999 34L25.9999 27L42.3937 40.39" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Material three
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: red' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M9 15V9.56389C9 8.67237 9.08702 8.34908 9.25044 8.02315C9.41385 7.69723 9.65365 7.44144 9.95921 7.26713C10.2648 7.09283 10.5678 7 11.4036 7H36.5964C37.4322 7 37.7352 7.09283 38.0408 7.26713C38.3463 7.44144 38.5862 7.69723 38.7496 8.02315C38.913 8.34908 39 8.67237 39 9.56389V15" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 15H43V41H5V15Z" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 26C14.6569 26 16 24.6569 16 23C16 21.3431 14.6569 20 13 20C11.3431 20 10 21.3431 10 23C10 24.6569 11.3431 26 13 26Z" fill="#333"/><path d="M5.56885 40.39L14.9999 30L19.9999 34L25.9999 27L42.3937 40.39" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Material three
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: blue' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M9 15V9.56389C9 8.67237 9.08702 8.34908 9.25044 8.02315C9.41385 7.69723 9.65365 7.44144 9.95921 7.26713C10.2648 7.09283 10.5678 7 11.4036 7H36.5964C37.4322 7 37.7352 7.09283 38.0408 7.26713C38.3463 7.44144 38.5862 7.69723 38.7496 8.02315C38.913 8.34908 39 8.67237 39 9.56389V15" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 15H43V41H5V15Z" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 26C14.6569 26 16 24.6569 16 23C16 21.3431 14.6569 20 13 20C11.3431 20 10 21.3431 10 23C10 24.6569 11.3431 26 13 26Z" fill="#333"/><path d="M5.56885 40.39L14.9999 30L19.9999 34L25.9999 27L42.3937 40.39" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Material three
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: #f3da35' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M9 15V9.56389C9 8.67237 9.08702 8.34908 9.25044 8.02315C9.41385 7.69723 9.65365 7.44144 9.95921 7.26713C10.2648 7.09283 10.5678 7 11.4036 7H36.5964C37.4322 7 37.7352 7.09283 38.0408 7.26713C38.3463 7.44144 38.5862 7.69723 38.7496 8.02315C38.913 8.34908 39 8.67237 39 9.56389V15" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 15H43V41H5V15Z" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 26C14.6569 26 16 24.6569 16 23C16 21.3431 14.6569 20 13 20C11.3431 20 10 21.3431 10 23C10 24.6569 11.3431 26 13 26Z" fill="#333"/><path d="M5.56885 40.39L14.9999 30L19.9999 34L25.9999 27L42.3937 40.39" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Advance Editor
You can edit material three as below. Change size color and background color of icon using below tool.
Advertisements
Material Three Icon SVG - Faq(s)?
⭐Can I get Free Material Three Icon SVG?Yes, you can get free Material Three SVG icons.
⭐ How to download free Material Three Icon SVG code?To download free Material Three icons in SVG code click on the copy code button.
⭐How to find the Material Three Icon SVG path file?You can get the Material Three SVG file path from the above section.
⭐ What are the colors available for SVG Material Three Icon?You can check the Material Three SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements