vuetify logo
vuetify from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- vuetify
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the vuetify logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1697f6" d="M65.3 34.414L40.84 76.79L64 116.926l30.672-53.13l30.66-53.128H79Zm0 0"/><path fill="#aeddff" d="m33.34 63.797l1.605 2.793l22.88-39.649l9.402-16.273H2.668Zm0 0"/><path fill="#1867c0" d="M79 10.668C90.594 48.82 64 116.926 64 116.926L40.84 76.789Zm0 0"/><path fill="#7bc6ff" d="M67.227 10.668c-48.844 0-32.282 55.922-32.282 55.922Zm0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconVuetify(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1697f6" d="M65.3 34.414L40.84 76.79L64 116.926l30.672-53.13l30.66-53.128H79Zm0 0"/><path fill="#aeddff" d="m33.34 63.797l1.605 2.793l22.88-39.649l9.402-16.273H2.668Zm0 0"/><path fill="#1867c0" d="M79 10.668C90.594 48.82 64 116.926 64 116.926L40.84 76.789Zm0 0"/><path fill="#7bc6ff" d="M67.227 10.668c-48.844 0-32.282 55.922-32.282 55.922Zm0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1697f6" d="M65.3 34.414L40.84 76.79L64 116.926l30.672-53.13l30.66-53.128H79Zm0 0"/><path fill="#aeddff" d="m33.34 63.797l1.605 2.793l22.88-39.649l9.402-16.273H2.668Zm0 0"/><path fill="#1867c0" d="M79 10.668C90.594 48.82 64 116.926 64 116.926L40.84 76.789Zm0 0"/><path fill="#7bc6ff" d="M67.227 10.668c-48.844 0-32.282 55.922-32.282 55.922Zm0 0"/></svg> </template>
CSS
.icon-vuetify {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%231697f6%22%20d%3D%22M65.3%2034.414L40.84%2076.79L64%20116.926l30.672-53.13l30.66-53.128H79Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23aeddff%22%20d%3D%22m33.34%2063.797l1.605%202.793l22.88-39.649l9.402-16.273H2.668Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%231867c0%22%20d%3D%22M79%2010.668C90.594%2048.82%2064%20116.926%2064%20116.926L40.84%2076.789Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%237bc6ff%22%20d%3D%22M67.227%2010.668c-48.844%200-32.282%2055.922-32.282%2055.922Zm0%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%231697f6%22%20d%3D%22M65.3%2034.414L40.84%2076.79L64%20116.926l30.672-53.13l30.66-53.128H79Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%23aeddff%22%20d%3D%22m33.34%2063.797l1.605%202.793l22.88-39.649l9.402-16.273H2.668Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%231867c0%22%20d%3D%22M79%2010.668C90.594%2048.82%2064%20116.926%2064%20116.926L40.84%2076.789Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%237bc6ff%22%20d%3D%22M67.227%2010.668c-48.844%200-32.282%2055.922-32.282%2055.922Zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/vuetify.svg?color=%231a73e8&size=48
