maven logo
maven from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- maven
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the maven logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><linearGradient id="SVGWeA2nrAT" x1=".125" x2="0" y1="1" y2="0"><stop offset="0%" stop-color="#ab47bc"/><stop offset="37.5%" stop-color="#ab47bc"/><stop offset="37.501%" stop-color="#d32f2f"/><stop offset="54.25%" stop-color="#d32f2f"/><stop offset="54.251%" stop-color="#ff7043"/><stop offset="69.75%" stop-color="#ff7043"/><stop offset="69.751%" stop-color="#ffa726"/><stop offset="100%" stop-color="#ffa726"/></linearGradient></defs><path fill="url(#SVGWeA2nrAT)" d="M22 2s-7.64-.37-13.66 7.88C3.72 16.21 2 22 2 22l1.94-1c1.44-2.5 2.19-3.53 3.6-5c2.53.74 5.17.65 7.46-2c-2-.56-3.6-.43-5.96-.19C11.69 12 13.5 11.6 16 12l1-2c-1.8-.34-3-.37-4.78.04C14.19 8.65 15.56 7.87 18 8l1.11-1.73c-1.53-.06-2.4-.02-4.19.3c1.61-1.46 3.08-2.12 5.22-2.25c0 0 1.05-1.89 1.86-2.32"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeMaven(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><linearGradient id="SVGWeA2nrAT" x1=".125" x2="0" y1="1" y2="0"><stop offset="0%" stopColor="#ab47bc"/><stop offset="37.5%" stopColor="#ab47bc"/><stop offset="37.501%" stopColor="#d32f2f"/><stop offset="54.25%" stopColor="#d32f2f"/><stop offset="54.251%" stopColor="#ff7043"/><stop offset="69.75%" stopColor="#ff7043"/><stop offset="69.751%" stopColor="#ffa726"/><stop offset="100%" stopColor="#ffa726"/></linearGradient></defs><path fill="url(#SVGWeA2nrAT)" d="M22 2s-7.64-.37-13.66 7.88C3.72 16.21 2 22 2 22l1.94-1c1.44-2.5 2.19-3.53 3.6-5c2.53.74 5.17.65 7.46-2c-2-.56-3.6-.43-5.96-.19C11.69 12 13.5 11.6 16 12l1-2c-1.8-.34-3-.37-4.78.04C14.19 8.65 15.56 7.87 18 8l1.11-1.73c-1.53-.06-2.4-.02-4.19.3c1.61-1.46 3.08-2.12 5.22-2.25c0 0 1.05-1.89 1.86-2.32"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><linearGradient id="SVGWeA2nrAT" x1=".125" x2="0" y1="1" y2="0"><stop offset="0%" stop-color="#ab47bc"/><stop offset="37.5%" stop-color="#ab47bc"/><stop offset="37.501%" stop-color="#d32f2f"/><stop offset="54.25%" stop-color="#d32f2f"/><stop offset="54.251%" stop-color="#ff7043"/><stop offset="69.75%" stop-color="#ff7043"/><stop offset="69.751%" stop-color="#ffa726"/><stop offset="100%" stop-color="#ffa726"/></linearGradient></defs><path fill="url(#SVGWeA2nrAT)" d="M22 2s-7.64-.37-13.66 7.88C3.72 16.21 2 22 2 22l1.94-1c1.44-2.5 2.19-3.53 3.6-5c2.53.74 5.17.65 7.46-2c-2-.56-3.6-.43-5.96-.19C11.69 12 13.5 11.6 16 12l1-2c-1.8-.34-3-.37-4.78.04C14.19 8.65 15.56 7.87 18 8l1.11-1.73c-1.53-.06-2.4-.02-4.19.3c1.61-1.46 3.08-2.12 5.22-2.25c0 0 1.05-1.89 1.86-2.32"/></svg> </template>
CSS
.icon-maven {
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%2024%2024%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGWeA2nrAT%22%20x1%3D%22.125%22%20x2%3D%220%22%20y1%3D%221%22%20y2%3D%220%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ab47bc%22%2F%3E%3Cstop%20offset%3D%2237.5%25%22%20stop-color%3D%22%23ab47bc%22%2F%3E%3Cstop%20offset%3D%2237.501%25%22%20stop-color%3D%22%23d32f2f%22%2F%3E%3Cstop%20offset%3D%2254.25%25%22%20stop-color%3D%22%23d32f2f%22%2F%3E%3Cstop%20offset%3D%2254.251%25%22%20stop-color%3D%22%23ff7043%22%2F%3E%3Cstop%20offset%3D%2269.75%25%22%20stop-color%3D%22%23ff7043%22%2F%3E%3Cstop%20offset%3D%2269.751%25%22%20stop-color%3D%22%23ffa726%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffa726%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGWeA2nrAT)%22%20d%3D%22M22%202s-7.64-.37-13.66%207.88C3.72%2016.21%202%2022%202%2022l1.94-1c1.44-2.5%202.19-3.53%203.6-5c2.53.74%205.17.65%207.46-2c-2-.56-3.6-.43-5.96-.19C11.69%2012%2013.5%2011.6%2016%2012l1-2c-1.8-.34-3-.37-4.78.04C14.19%208.65%2015.56%207.87%2018%208l1.11-1.73c-1.53-.06-2.4-.02-4.19.3c1.61-1.46%203.08-2.12%205.22-2.25c0%200%201.05-1.89%201.86-2.32%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%2024%2024%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGWeA2nrAT%22%20x1%3D%22.125%22%20x2%3D%220%22%20y1%3D%221%22%20y2%3D%220%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ab47bc%22%2F%3E%3Cstop%20offset%3D%2237.5%25%22%20stop-color%3D%22%23ab47bc%22%2F%3E%3Cstop%20offset%3D%2237.501%25%22%20stop-color%3D%22%23d32f2f%22%2F%3E%3Cstop%20offset%3D%2254.25%25%22%20stop-color%3D%22%23d32f2f%22%2F%3E%3Cstop%20offset%3D%2254.251%25%22%20stop-color%3D%22%23ff7043%22%2F%3E%3Cstop%20offset%3D%2269.75%25%22%20stop-color%3D%22%23ff7043%22%2F%3E%3Cstop%20offset%3D%2269.751%25%22%20stop-color%3D%22%23ffa726%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffa726%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGWeA2nrAT)%22%20d%3D%22M22%202s-7.64-.37-13.66%207.88C3.72%2016.21%202%2022%202%2022l1.94-1c1.44-2.5%202.19-3.53%203.6-5c2.53.74%205.17.65%207.46-2c-2-.56-3.6-.43-5.96-.19C11.69%2012%2013.5%2011.6%2016%2012l1-2c-1.8-.34-3-.37-4.78.04C14.19%208.65%2015.56%207.87%2018%208l1.11-1.73c-1.53-.06-2.4-.02-4.19.3c1.61-1.46%203.08-2.12%205.22-2.25c0%200%201.05-1.89%201.86-2.32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/maven.svg?color=%231a73e8&size=48
