vidya logo
vidya from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- vidya
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="m11.914 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.39 10.377q-.018.025-.043.01q-.046-.015-.07-.095"/><path fill="currentColor" d="M11.865 3.053q.149.063.133.238v12.585c0 .127-.006.248-.027.36l-.058.354L4.575 6.288v-.016zm.133 14.785v2.647c0 .164.016.297.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="currentColor" d="M12.072 20.879a.7.7 0 0 1-.08-.392q.025-.715 0-2.647a5851 5851 0 0 0 8.445-11.648q.011-.014.022-.005c.01 0 .01.01.005.021l-8.201 14.374a2.4 2.4 0 0 1-.185.297z"/></svg>
React
import type { SVGProps } from "react";
export function TokenVidya(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.914 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.39 10.377q-.018.025-.043.01q-.046-.015-.07-.095"/><path fill="currentColor" d="M11.865 3.053q.149.063.133.238v12.585c0 .127-.006.248-.027.36l-.058.354L4.575 6.288v-.016zm.133 14.785v2.647c0 .164.016.297.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="currentColor" d="M12.072 20.879a.7.7 0 0 1-.08-.392q.025-.715 0-2.647a5851 5851 0 0 0 8.445-11.648q.011-.014.022-.005c.01 0 .01.01.005.021l-8.201 14.374a2.4 2.4 0 0 1-.185.297z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.914 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.39 10.377q-.018.025-.043.01q-.046-.015-.07-.095"/><path fill="currentColor" d="M11.865 3.053q.149.063.133.238v12.585c0 .127-.006.248-.027.36l-.058.354L4.575 6.288v-.016zm.133 14.785v2.647c0 .164.016.297.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="currentColor" d="M12.072 20.879a.7.7 0 0 1-.08-.392q.025-.715 0-2.647a5851 5851 0 0 0 8.445-11.648q.011-.014.022-.005c.01 0 .01.01.005.021l-8.201 14.374a2.4 2.4 0 0 1-.185.297z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.914%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.39%2010.377q-.018.025-.043.01q-.046-.015-.07-.095%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.865%203.053q.149.063.133.238v12.585c0%20.127-.006.248-.027.36l-.058.354L4.575%206.288v-.016zm.133%2014.785v2.647c0%20.164.016.297.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%22currentColor%22%20d%3D%22M12.072%2020.879a.7.7%200%200%201-.08-.392q.025-.715%200-2.647a5851%205851%200%200%200%208.445-11.648q.011-.014.022-.005c.01%200%20.01.01.005.021l-8.201%2014.374a2.4%202.4%200%200%201-.185.297z%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.914%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.39%2010.377q-.018.025-.043.01q-.046-.015-.07-.095%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.865%203.053q.149.063.133.238v12.585c0%20.127-.006.248-.027.36l-.058.354L4.575%206.288v-.016zm.133%2014.785v2.647c0%20.164.016.297.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%22currentColor%22%20d%3D%22M12.072%2020.879a.7.7%200%200%201-.08-.392q.025-.715%200-2.647a5851%205851%200%200%200%208.445-11.648q.011-.014.022-.005c.01%200%20.01.01.005.021l-8.201%2014.374a2.4%202.4%200%200%201-.185.297z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/vidya.svg?color=%231a73e8&size=48
