vyond logo
vyond from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- vyond
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the vyond logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.55 16.382L0 7.616h1.328l.928 6.18l.932-6.18h1.328l-1.55 8.766zm5.486-7.61H6.022l1.166 3.776v2.68h.924v-2.68L9.28 8.772H8.262L7.65 11.35l-.614-2.58zm5.12 1.92c0-.324-.128-.482-.372-.482s-.37.16-.37.482v2.616c0 .324.126.492.37.492s.372-.166.372-.492zm-.344-1.256c.69 0 1.144.468 1.144 1.262v2.52c0 .872-.432 1.346-1.172 1.346s-1.162-.468-1.162-1.376v-2.52c0-.766.44-1.24 1.19-1.24m5.032-.656v4.2l-1.344-4.2h-.896v6.456h.924v-3.944l1.316 3.944h.936V8.772zm5.07 6.32c.508 0 .706-.322.706-.92v-4.22c0-.72-.336-1.044-1.08-1.044h-.31v6.184zM19.89 7.616h1.924c1.504 0 2.186.784 2.186 2.408v3.912c0 1.678-.62 2.448-2.122 2.448H19.89z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsVyond(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="M1.55 16.382L0 7.616h1.328l.928 6.18l.932-6.18h1.328l-1.55 8.766zm5.486-7.61H6.022l1.166 3.776v2.68h.924v-2.68L9.28 8.772H8.262L7.65 11.35l-.614-2.58zm5.12 1.92c0-.324-.128-.482-.372-.482s-.37.16-.37.482v2.616c0 .324.126.492.37.492s.372-.166.372-.492zm-.344-1.256c.69 0 1.144.468 1.144 1.262v2.52c0 .872-.432 1.346-1.172 1.346s-1.162-.468-1.162-1.376v-2.52c0-.766.44-1.24 1.19-1.24m5.032-.656v4.2l-1.344-4.2h-.896v6.456h.924v-3.944l1.316 3.944h.936V8.772zm5.07 6.32c.508 0 .706-.322.706-.92v-4.22c0-.72-.336-1.044-1.08-1.044h-.31v6.184zM19.89 7.616h1.924c1.504 0 2.186.784 2.186 2.408v3.912c0 1.678-.62 2.448-2.122 2.448H19.89z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.55 16.382L0 7.616h1.328l.928 6.18l.932-6.18h1.328l-1.55 8.766zm5.486-7.61H6.022l1.166 3.776v2.68h.924v-2.68L9.28 8.772H8.262L7.65 11.35l-.614-2.58zm5.12 1.92c0-.324-.128-.482-.372-.482s-.37.16-.37.482v2.616c0 .324.126.492.37.492s.372-.166.372-.492zm-.344-1.256c.69 0 1.144.468 1.144 1.262v2.52c0 .872-.432 1.346-1.172 1.346s-1.162-.468-1.162-1.376v-2.52c0-.766.44-1.24 1.19-1.24m5.032-.656v4.2l-1.344-4.2h-.896v6.456h.924v-3.944l1.316 3.944h.936V8.772zm5.07 6.32c.508 0 .706-.322.706-.92v-4.22c0-.72-.336-1.044-1.08-1.044h-.31v6.184zM19.89 7.616h1.924c1.504 0 2.186.784 2.186 2.408v3.912c0 1.678-.62 2.448-2.122 2.448H19.89z"/></svg> </template>
CSS
.icon-vyond {
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%22M1.55%2016.382L0%207.616h1.328l.928%206.18l.932-6.18h1.328l-1.55%208.766zm5.486-7.61H6.022l1.166%203.776v2.68h.924v-2.68L9.28%208.772H8.262L7.65%2011.35l-.614-2.58zm5.12%201.92c0-.324-.128-.482-.372-.482s-.37.16-.37.482v2.616c0%20.324.126.492.37.492s.372-.166.372-.492zm-.344-1.256c.69%200%201.144.468%201.144%201.262v2.52c0%20.872-.432%201.346-1.172%201.346s-1.162-.468-1.162-1.376v-2.52c0-.766.44-1.24%201.19-1.24m5.032-.656v4.2l-1.344-4.2h-.896v6.456h.924v-3.944l1.316%203.944h.936V8.772zm5.07%206.32c.508%200%20.706-.322.706-.92v-4.22c0-.72-.336-1.044-1.08-1.044h-.31v6.184zM19.89%207.616h1.924c1.504%200%202.186.784%202.186%202.408v3.912c0%201.678-.62%202.448-2.122%202.448H19.89z%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%22M1.55%2016.382L0%207.616h1.328l.928%206.18l.932-6.18h1.328l-1.55%208.766zm5.486-7.61H6.022l1.166%203.776v2.68h.924v-2.68L9.28%208.772H8.262L7.65%2011.35l-.614-2.58zm5.12%201.92c0-.324-.128-.482-.372-.482s-.37.16-.37.482v2.616c0%20.324.126.492.37.492s.372-.166.372-.492zm-.344-1.256c.69%200%201.144.468%201.144%201.262v2.52c0%20.872-.432%201.346-1.172%201.346s-1.162-.468-1.162-1.376v-2.52c0-.766.44-1.24%201.19-1.24m5.032-.656v4.2l-1.344-4.2h-.896v6.456h.924v-3.944l1.316%203.944h.936V8.772zm5.07%206.32c.508%200%20.706-.322.706-.92v-4.22c0-.72-.336-1.044-1.08-1.044h-.31v6.184zM19.89%207.616h1.924c1.504%200%202.186.784%202.186%202.408v3.912c0%201.678-.62%202.448-2.122%202.448H19.89z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/vyond.svg?color=%231a73e8&size=48
