vertx logo
vertx from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- vertx
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
Use the vertx logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#782a91" d="M16.878 0h94.244A16.84 16.84 0 0 1 128 16.878v94.244A16.84 16.84 0 0 1 111.122 128H16.878A16.84 16.84 0 0 1 0 111.122V16.878A16.84 16.84 0 0 1 16.878 0"/><path fill="#fff" d="M0 26.309v6.03l26.58 60.369l3.803 8.636h7.465l-.014-.182A17.28 17.28 0 0 1 48.7 85.158l19.564-42.814L83.449 63.68l-17.19 24.276a17.28 17.28 0 0 1 6.129 12.809h7.79l13.896-19.624l9.234-13.04L127.8 33.519v-7.21h-18.394L94.869 47.554L80.295 26.31H56.852l.041.058L36.745 70.46l-19.44-44.15Zm109.788 46.199L98.84 88.215l8.456 12.55h20.502v-2.948Zm-54.672 17.87c-5.956 0-10.785 4.828-10.785 10.784s4.829 10.786 10.785 10.786s10.785-4.83 10.785-10.786s-4.828-10.784-10.785-10.785Z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconVertx(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#782a91" d="M16.878 0h94.244A16.84 16.84 0 0 1 128 16.878v94.244A16.84 16.84 0 0 1 111.122 128H16.878A16.84 16.84 0 0 1 0 111.122V16.878A16.84 16.84 0 0 1 16.878 0"/><path fill="#fff" d="M0 26.309v6.03l26.58 60.369l3.803 8.636h7.465l-.014-.182A17.28 17.28 0 0 1 48.7 85.158l19.564-42.814L83.449 63.68l-17.19 24.276a17.28 17.28 0 0 1 6.129 12.809h7.79l13.896-19.624l9.234-13.04L127.8 33.519v-7.21h-18.394L94.869 47.554L80.295 26.31H56.852l.041.058L36.745 70.46l-19.44-44.15Zm109.788 46.199L98.84 88.215l8.456 12.55h20.502v-2.948Zm-54.672 17.87c-5.956 0-10.785 4.828-10.785 10.784s4.829 10.786 10.785 10.786s10.785-4.83 10.785-10.786s-4.828-10.784-10.785-10.785Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#782a91" d="M16.878 0h94.244A16.84 16.84 0 0 1 128 16.878v94.244A16.84 16.84 0 0 1 111.122 128H16.878A16.84 16.84 0 0 1 0 111.122V16.878A16.84 16.84 0 0 1 16.878 0"/><path fill="#fff" d="M0 26.309v6.03l26.58 60.369l3.803 8.636h7.465l-.014-.182A17.28 17.28 0 0 1 48.7 85.158l19.564-42.814L83.449 63.68l-17.19 24.276a17.28 17.28 0 0 1 6.129 12.809h7.79l13.896-19.624l9.234-13.04L127.8 33.519v-7.21h-18.394L94.869 47.554L80.295 26.31H56.852l.041.058L36.745 70.46l-19.44-44.15Zm109.788 46.199L98.84 88.215l8.456 12.55h20.502v-2.948Zm-54.672 17.87c-5.956 0-10.785 4.828-10.785 10.784s4.829 10.786 10.785 10.786s10.785-4.83 10.785-10.786s-4.828-10.784-10.785-10.785Z"/></svg> </template>
CSS
.icon-vertx {
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%23782a91%22%20d%3D%22M16.878%200h94.244A16.84%2016.84%200%200%201%20128%2016.878v94.244A16.84%2016.84%200%200%201%20111.122%20128H16.878A16.84%2016.84%200%200%201%200%20111.122V16.878A16.84%2016.84%200%200%201%2016.878%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%2026.309v6.03l26.58%2060.369l3.803%208.636h7.465l-.014-.182A17.28%2017.28%200%200%201%2048.7%2085.158l19.564-42.814L83.449%2063.68l-17.19%2024.276a17.28%2017.28%200%200%201%206.129%2012.809h7.79l13.896-19.624l9.234-13.04L127.8%2033.519v-7.21h-18.394L94.869%2047.554L80.295%2026.31H56.852l.041.058L36.745%2070.46l-19.44-44.15Zm109.788%2046.199L98.84%2088.215l8.456%2012.55h20.502v-2.948Zm-54.672%2017.87c-5.956%200-10.785%204.828-10.785%2010.784s4.829%2010.786%2010.785%2010.786s10.785-4.83%2010.785-10.786s-4.828-10.784-10.785-10.785Z%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%23782a91%22%20d%3D%22M16.878%200h94.244A16.84%2016.84%200%200%201%20128%2016.878v94.244A16.84%2016.84%200%200%201%20111.122%20128H16.878A16.84%2016.84%200%200%201%200%20111.122V16.878A16.84%2016.84%200%200%201%2016.878%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%2026.309v6.03l26.58%2060.369l3.803%208.636h7.465l-.014-.182A17.28%2017.28%200%200%201%2048.7%2085.158l19.564-42.814L83.449%2063.68l-17.19%2024.276a17.28%2017.28%200%200%201%206.129%2012.809h7.79l13.896-19.624l9.234-13.04L127.8%2033.519v-7.21h-18.394L94.869%2047.554L80.295%2026.31H56.852l.041.058L36.745%2070.46l-19.44-44.15Zm109.788%2046.199L98.84%2088.215l8.456%2012.55h20.502v-2.948Zm-54.672%2017.87c-5.956%200-10.785%204.828-10.785%2010.784s4.829%2010.786%2010.785%2010.786s10.785-4.83%2010.785-10.786s-4.828-10.784-10.785-10.785Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/vertx.svg?color=%231a73e8&size=48
