plex logo
plex from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- plex
- 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 plex logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#f08296"><path d="M10.875 12.561V8.624h1.124c1.165 0 1.688.45 1.688 1.969c0 1.214-.692 1.968-1.688 1.968z"/><path fill-rule="evenodd" d="M20.993 10.523v3.232c0 3.83-3.758 7.244-11.26 7.244C7.582 21 3 20.015 3 13.468v-3.223c0-6.575 8.993-7.244 11.26-7.244c7.085 0 6.75 7.15 6.733 7.522m-5.056-.042c0-2.193-1.165-3.543-2.824-3.543c-1.106 0-3.13.808-4.222 1.244l-.266.106v8.774h2.25v-3.285q.19.071.374.15c.384.161.768.323 1.313.323c1.828 0 3.375-1.57 3.375-3.769" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPlex(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#f08296"><path d="M10.875 12.561V8.624h1.124c1.165 0 1.688.45 1.688 1.969c0 1.214-.692 1.968-1.688 1.968z"/><path fillRule="evenodd" d="M20.993 10.523v3.232c0 3.83-3.758 7.244-11.26 7.244C7.582 21 3 20.015 3 13.468v-3.223c0-6.575 8.993-7.244 11.26-7.244c7.085 0 6.75 7.15 6.733 7.522m-5.056-.042c0-2.193-1.165-3.543-2.824-3.543c-1.106 0-3.13.808-4.222 1.244l-.266.106v8.774h2.25v-3.285q.19.071.374.15c.384.161.768.323 1.313.323c1.828 0 3.375-1.57 3.375-3.769" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#f08296"><path d="M10.875 12.561V8.624h1.124c1.165 0 1.688.45 1.688 1.969c0 1.214-.692 1.968-1.688 1.968z"/><path fill-rule="evenodd" d="M20.993 10.523v3.232c0 3.83-3.758 7.244-11.26 7.244C7.582 21 3 20.015 3 13.468v-3.223c0-6.575 8.993-7.244 11.26-7.244c7.085 0 6.75 7.15 6.733 7.522m-5.056-.042c0-2.193-1.165-3.543-2.824-3.543c-1.106 0-3.13.808-4.222 1.244l-.266.106v8.774h2.25v-3.285q.19.071.374.15c.384.161.768.323 1.313.323c1.828 0 3.375-1.57 3.375-3.769" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-plex {
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%22%23f08296%22%3E%3Cpath%20d%3D%22M10.875%2012.561V8.624h1.124c1.165%200%201.688.45%201.688%201.969c0%201.214-.692%201.968-1.688%201.968z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M20.993%2010.523v3.232c0%203.83-3.758%207.244-11.26%207.244C7.582%2021%203%2020.015%203%2013.468v-3.223c0-6.575%208.993-7.244%2011.26-7.244c7.085%200%206.75%207.15%206.733%207.522m-5.056-.042c0-2.193-1.165-3.543-2.824-3.543c-1.106%200-3.13.808-4.222%201.244l-.266.106v8.774h2.25v-3.285q.19.071.374.15c.384.161.768.323%201.313.323c1.828%200%203.375-1.57%203.375-3.769%22%20clip-rule%3D%22evenodd%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%22%23f08296%22%3E%3Cpath%20d%3D%22M10.875%2012.561V8.624h1.124c1.165%200%201.688.45%201.688%201.969c0%201.214-.692%201.968-1.688%201.968z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M20.993%2010.523v3.232c0%203.83-3.758%207.244-11.26%207.244C7.582%2021%203%2020.015%203%2013.468v-3.223c0-6.575%208.993-7.244%2011.26-7.244c7.085%200%206.75%207.15%206.733%207.522m-5.056-.042c0-2.193-1.165-3.543-2.824-3.543c-1.106%200-3.13.808-4.222%201.244l-.266.106v8.774h2.25v-3.285q.19.071.374.15c.384.161.768.323%201.313.323c1.828%200%203.375-1.57%203.375-3.769%22%20clip-rule%3D%22evenodd%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/plex.svg?color=%231a73e8&size=48
