vidya logo
vidya from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- vidya
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the vidya logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#c474e7" d="m11.913 16.59l.058-.355a2 2 0 0 0 .027-.36V4.143c0-.286-.022-.572 0-.852q.017-.175-.133-.238c.064-.053.122-.064.17-.043l7.37 3.25q.024.016.01.038l-7.391 10.377q-.016.025-.042.01q-.046-.015-.07-.095"/><path fill="#ac8bfe" d="M11.866 3.053q.15.063.132.238v12.585c0 .127-.005.248-.026.36l-.058.354L4.576 6.288v-.016z"/><path fill="#93d0fe" d="M11.998 17.838v2.647c0 .164.016.296.074.392q-.016.086-.058.116c-.021.01-.037.01-.047-.01Q7.753 13.579 3.533 6.18h.016l8.45 11.663z"/><path fill="#8694e8" d="M12.072 20.879a.7.7 0 0 1-.08-.392q.025-.715 0-2.647a5213 5213 0 0 0 8.445-11.648q.011-.014.022-.005c.01 0 .01.01.005.021l-8.201 14.374a2.3 2.3 0 0 1-.185.297z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedVidya(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#c474e7" d="m11.913 16.59l.058-.355a2 2 0 0 0 .027-.36V4.143c0-.286-.022-.572 0-.852q.017-.175-.133-.238c.064-.053.122-.064.17-.043l7.37 3.25q.024.016.01.038l-7.391 10.377q-.016.025-.042.01q-.046-.015-.07-.095"/><path fill="#ac8bfe" d="M11.866 3.053q.15.063.132.238v12.585c0 .127-.005.248-.026.36l-.058.354L4.576 6.288v-.016z"/><path fill="#93d0fe" d="M11.998 17.838v2.647c0 .164.016.296.074.392q-.016.086-.058.116c-.021.01-.037.01-.047-.01Q7.753 13.579 3.533 6.18h.016l8.45 11.663z"/><path fill="#8694e8" d="M12.072 20.879a.7.7 0 0 1-.08-.392q.025-.715 0-2.647a5213 5213 0 0 0 8.445-11.648q.011-.014.022-.005c.01 0 .01.01.005.021l-8.201 14.374a2.3 2.3 0 0 1-.185.297z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#c474e7" d="m11.913 16.59l.058-.355a2 2 0 0 0 .027-.36V4.143c0-.286-.022-.572 0-.852q.017-.175-.133-.238c.064-.053.122-.064.17-.043l7.37 3.25q.024.016.01.038l-7.391 10.377q-.016.025-.042.01q-.046-.015-.07-.095"/><path fill="#ac8bfe" d="M11.866 3.053q.15.063.132.238v12.585c0 .127-.005.248-.026.36l-.058.354L4.576 6.288v-.016z"/><path fill="#93d0fe" d="M11.998 17.838v2.647c0 .164.016.296.074.392q-.016.086-.058.116c-.021.01-.037.01-.047-.01Q7.753 13.579 3.533 6.18h.016l8.45 11.663z"/><path fill="#8694e8" d="M12.072 20.879a.7.7 0 0 1-.08-.392q.025-.715 0-2.647a5213 5213 0 0 0 8.445-11.648q.011-.014.022-.005c.01 0 .01.01.005.021l-8.201 14.374a2.3 2.3 0 0 1-.185.297z"/></g></svg> </template>
CSS
.icon-vidya {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23c474e7%22%20d%3D%22m11.913%2016.59l.058-.355a2%202%200%200%200%20.027-.36V4.143c0-.286-.022-.572%200-.852q.017-.175-.133-.238c.064-.053.122-.064.17-.043l7.37%203.25q.024.016.01.038l-7.391%2010.377q-.016.025-.042.01q-.046-.015-.07-.095%22%2F%3E%3Cpath%20fill%3D%22%23ac8bfe%22%20d%3D%22M11.866%203.053q.15.063.132.238v12.585c0%20.127-.005.248-.026.36l-.058.354L4.576%206.288v-.016z%22%2F%3E%3Cpath%20fill%3D%22%2393d0fe%22%20d%3D%22M11.998%2017.838v2.647c0%20.164.016.296.074.392q-.016.086-.058.116c-.021.01-.037.01-.047-.01Q7.753%2013.579%203.533%206.18h.016l8.45%2011.663z%22%2F%3E%3Cpath%20fill%3D%22%238694e8%22%20d%3D%22M12.072%2020.879a.7.7%200%200%201-.08-.392q.025-.715%200-2.647a5213%205213%200%200%200%208.445-11.648q.011-.014.022-.005c.01%200%20.01.01.005.021l-8.201%2014.374a2.3%202.3%200%200%201-.185.297z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23c474e7%22%20d%3D%22m11.913%2016.59l.058-.355a2%202%200%200%200%20.027-.36V4.143c0-.286-.022-.572%200-.852q.017-.175-.133-.238c.064-.053.122-.064.17-.043l7.37%203.25q.024.016.01.038l-7.391%2010.377q-.016.025-.042.01q-.046-.015-.07-.095%22%2F%3E%3Cpath%20fill%3D%22%23ac8bfe%22%20d%3D%22M11.866%203.053q.15.063.132.238v12.585c0%20.127-.005.248-.026.36l-.058.354L4.576%206.288v-.016z%22%2F%3E%3Cpath%20fill%3D%22%2393d0fe%22%20d%3D%22M11.998%2017.838v2.647c0%20.164.016.296.074.392q-.016.086-.058.116c-.021.01-.037.01-.047-.01Q7.753%2013.579%203.533%206.18h.016l8.45%2011.663z%22%2F%3E%3Cpath%20fill%3D%22%238694e8%22%20d%3D%22M12.072%2020.879a.7.7%200%200%201-.08-.392q.025-.715%200-2.647a5213%205213%200%200%200%208.445-11.648q.011-.014.022-.005c.01%200%20.01.01.005.021l-8.201%2014.374a2.3%202.3%200%200%201-.185.297z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/vidya.svg?color=%231a73e8&size=48
