material design logo
material-design from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- material-design
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the material design logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.172 0 0 7.172 0 16s7.172 16 16 16s16-7.172 16-16S24.828 0 16 0m0 1c3.828 0 7.307 1.443 9.958 3.802H6.041A14.92 14.92 0 0 1 15.999 1zM6.417 5.802h19.167l-9.583 19.161zm-1.615.24v19.917A14.92 14.92 0 0 1 1 16.001c0-3.828 1.443-7.307 3.802-9.958zm22.396 0A14.92 14.92 0 0 1 31 16c0 3.828-1.443 7.307-3.802 9.958zm-21.396.76L15.5 26.198H5.802zm20.396 0v19.396H16.5l9.703-19.396zM6.042 27.198h19.917C23.219 29.651 19.673 31 16.001 31s-7.219-1.349-9.958-3.802z"/></svg>
React
import type { SVGProps } from "react";
export function CibMaterialDesign(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.172 0 0 7.172 0 16s7.172 16 16 16s16-7.172 16-16S24.828 0 16 0m0 1c3.828 0 7.307 1.443 9.958 3.802H6.041A14.92 14.92 0 0 1 15.999 1zM6.417 5.802h19.167l-9.583 19.161zm-1.615.24v19.917A14.92 14.92 0 0 1 1 16.001c0-3.828 1.443-7.307 3.802-9.958zm22.396 0A14.92 14.92 0 0 1 31 16c0 3.828-1.443 7.307-3.802 9.958zm-21.396.76L15.5 26.198H5.802zm20.396 0v19.396H16.5l9.703-19.396zM6.042 27.198h19.917C23.219 29.651 19.673 31 16.001 31s-7.219-1.349-9.958-3.802z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.172 0 0 7.172 0 16s7.172 16 16 16s16-7.172 16-16S24.828 0 16 0m0 1c3.828 0 7.307 1.443 9.958 3.802H6.041A14.92 14.92 0 0 1 15.999 1zM6.417 5.802h19.167l-9.583 19.161zm-1.615.24v19.917A14.92 14.92 0 0 1 1 16.001c0-3.828 1.443-7.307 3.802-9.958zm22.396 0A14.92 14.92 0 0 1 31 16c0 3.828-1.443 7.307-3.802 9.958zm-21.396.76L15.5 26.198H5.802zm20.396 0v19.396H16.5l9.703-19.396zM6.042 27.198h19.917C23.219 29.651 19.673 31 16.001 31s-7.219-1.349-9.958-3.802z"/></svg> </template>
CSS
.icon-material-design {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%200C7.172%200%200%207.172%200%2016s7.172%2016%2016%2016s16-7.172%2016-16S24.828%200%2016%200m0%201c3.828%200%207.307%201.443%209.958%203.802H6.041A14.92%2014.92%200%200%201%2015.999%201zM6.417%205.802h19.167l-9.583%2019.161zm-1.615.24v19.917A14.92%2014.92%200%200%201%201%2016.001c0-3.828%201.443-7.307%203.802-9.958zm22.396%200A14.92%2014.92%200%200%201%2031%2016c0%203.828-1.443%207.307-3.802%209.958zm-21.396.76L15.5%2026.198H5.802zm20.396%200v19.396H16.5l9.703-19.396zM6.042%2027.198h19.917C23.219%2029.651%2019.673%2031%2016.001%2031s-7.219-1.349-9.958-3.802z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%200C7.172%200%200%207.172%200%2016s7.172%2016%2016%2016s16-7.172%2016-16S24.828%200%2016%200m0%201c3.828%200%207.307%201.443%209.958%203.802H6.041A14.92%2014.92%200%200%201%2015.999%201zM6.417%205.802h19.167l-9.583%2019.161zm-1.615.24v19.917A14.92%2014.92%200%200%201%201%2016.001c0-3.828%201.443-7.307%203.802-9.958zm22.396%200A14.92%2014.92%200%200%201%2031%2016c0%203.828-1.443%207.307-3.802%209.958zm-21.396.76L15.5%2026.198H5.802zm20.396%200v19.396H16.5l9.703-19.396zM6.042%2027.198h19.917C23.219%2029.651%2019.673%2031%2016.001%2031s-7.219-1.349-9.958-3.802z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/material-design.svg?color=%231a73e8&size=48
