plex logo
plex from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- plex
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
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"><path fill="currentColor" d="M3.987 8.409c-.96 0-1.587.28-2.12.933v-.72H0v8.88s.038.018.127.037c.138.03.821.187 1.331-.249c.441-.377.542-.814.542-1.318v-1.283c.533.573 1.147.813 2 .813c1.84 0 3.253-1.493 3.253-3.48c0-2.12-1.36-3.613-3.266-3.613m16.748 5.595l.406.591c.391.614.894.906 1.492.908c.621-.012 1.064-.562 1.226-.755c0 0-.307-.27-.686-.72c-.517-.614-1.214-1.755-1.24-1.803zm-3.205-1.955c0-2.08-1.52-3.64-3.52-3.64s-3.467 1.587-3.467 3.573a3.48 3.48 0 0 0 3.507 3.52c1.413 0 2.626-.84 3.253-2.293h-2.04l-.093.093c-.427.4-.72.533-1.227.533c-.787 0-1.373-.506-1.453-1.266h4.986c.04-.214.054-.307.054-.52m-7.671-.219c0 .769.11 1.701.868 2.722l.056.069c-.306.526-.742.88-1.248.88c-.399 0-.814-.211-1.138-.579a2.18 2.18 0 0 1-.538-1.441V6.409H9.86zm9.283 3.46h-2.39l2.247-3.332l-2.247-3.335h2.39l2.248 3.335zM3.573 13.662c-.933 0-1.68-.773-1.68-1.72s.76-1.666 1.68-1.666s1.68.733 1.68 1.68c0 .946-.733 1.706-1.68 1.706m18.361-1.974L24 8.622h-2.391l-.87 1.293zm-9.404-.466c.16-.706.72-1.133 1.493-1.133s1.373.467 1.507 1.133z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsPlex(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="M3.987 8.409c-.96 0-1.587.28-2.12.933v-.72H0v8.88s.038.018.127.037c.138.03.821.187 1.331-.249c.441-.377.542-.814.542-1.318v-1.283c.533.573 1.147.813 2 .813c1.84 0 3.253-1.493 3.253-3.48c0-2.12-1.36-3.613-3.266-3.613m16.748 5.595l.406.591c.391.614.894.906 1.492.908c.621-.012 1.064-.562 1.226-.755c0 0-.307-.27-.686-.72c-.517-.614-1.214-1.755-1.24-1.803zm-3.205-1.955c0-2.08-1.52-3.64-3.52-3.64s-3.467 1.587-3.467 3.573a3.48 3.48 0 0 0 3.507 3.52c1.413 0 2.626-.84 3.253-2.293h-2.04l-.093.093c-.427.4-.72.533-1.227.533c-.787 0-1.373-.506-1.453-1.266h4.986c.04-.214.054-.307.054-.52m-7.671-.219c0 .769.11 1.701.868 2.722l.056.069c-.306.526-.742.88-1.248.88c-.399 0-.814-.211-1.138-.579a2.18 2.18 0 0 1-.538-1.441V6.409H9.86zm9.283 3.46h-2.39l2.247-3.332l-2.247-3.335h2.39l2.248 3.335zM3.573 13.662c-.933 0-1.68-.773-1.68-1.72s.76-1.666 1.68-1.666s1.68.733 1.68 1.68c0 .946-.733 1.706-1.68 1.706m18.361-1.974L24 8.622h-2.391l-.87 1.293zm-9.404-.466c.16-.706.72-1.133 1.493-1.133s1.373.467 1.507 1.133z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.987 8.409c-.96 0-1.587.28-2.12.933v-.72H0v8.88s.038.018.127.037c.138.03.821.187 1.331-.249c.441-.377.542-.814.542-1.318v-1.283c.533.573 1.147.813 2 .813c1.84 0 3.253-1.493 3.253-3.48c0-2.12-1.36-3.613-3.266-3.613m16.748 5.595l.406.591c.391.614.894.906 1.492.908c.621-.012 1.064-.562 1.226-.755c0 0-.307-.27-.686-.72c-.517-.614-1.214-1.755-1.24-1.803zm-3.205-1.955c0-2.08-1.52-3.64-3.52-3.64s-3.467 1.587-3.467 3.573a3.48 3.48 0 0 0 3.507 3.52c1.413 0 2.626-.84 3.253-2.293h-2.04l-.093.093c-.427.4-.72.533-1.227.533c-.787 0-1.373-.506-1.453-1.266h4.986c.04-.214.054-.307.054-.52m-7.671-.219c0 .769.11 1.701.868 2.722l.056.069c-.306.526-.742.88-1.248.88c-.399 0-.814-.211-1.138-.579a2.18 2.18 0 0 1-.538-1.441V6.409H9.86zm9.283 3.46h-2.39l2.247-3.332l-2.247-3.335h2.39l2.248 3.335zM3.573 13.662c-.933 0-1.68-.773-1.68-1.72s.76-1.666 1.68-1.666s1.68.733 1.68 1.68c0 .946-.733 1.706-1.68 1.706m18.361-1.974L24 8.622h-2.391l-.87 1.293zm-9.404-.466c.16-.706.72-1.133 1.493-1.133s1.373.467 1.507 1.133z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.987%208.409c-.96%200-1.587.28-2.12.933v-.72H0v8.88s.038.018.127.037c.138.03.821.187%201.331-.249c.441-.377.542-.814.542-1.318v-1.283c.533.573%201.147.813%202%20.813c1.84%200%203.253-1.493%203.253-3.48c0-2.12-1.36-3.613-3.266-3.613m16.748%205.595l.406.591c.391.614.894.906%201.492.908c.621-.012%201.064-.562%201.226-.755c0%200-.307-.27-.686-.72c-.517-.614-1.214-1.755-1.24-1.803zm-3.205-1.955c0-2.08-1.52-3.64-3.52-3.64s-3.467%201.587-3.467%203.573a3.48%203.48%200%200%200%203.507%203.52c1.413%200%202.626-.84%203.253-2.293h-2.04l-.093.093c-.427.4-.72.533-1.227.533c-.787%200-1.373-.506-1.453-1.266h4.986c.04-.214.054-.307.054-.52m-7.671-.219c0%20.769.11%201.701.868%202.722l.056.069c-.306.526-.742.88-1.248.88c-.399%200-.814-.211-1.138-.579a2.18%202.18%200%200%201-.538-1.441V6.409H9.86zm9.283%203.46h-2.39l2.247-3.332l-2.247-3.335h2.39l2.248%203.335zM3.573%2013.662c-.933%200-1.68-.773-1.68-1.72s.76-1.666%201.68-1.666s1.68.733%201.68%201.68c0%20.946-.733%201.706-1.68%201.706m18.361-1.974L24%208.622h-2.391l-.87%201.293zm-9.404-.466c.16-.706.72-1.133%201.493-1.133s1.373.467%201.507%201.133z%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%22M3.987%208.409c-.96%200-1.587.28-2.12.933v-.72H0v8.88s.038.018.127.037c.138.03.821.187%201.331-.249c.441-.377.542-.814.542-1.318v-1.283c.533.573%201.147.813%202%20.813c1.84%200%203.253-1.493%203.253-3.48c0-2.12-1.36-3.613-3.266-3.613m16.748%205.595l.406.591c.391.614.894.906%201.492.908c.621-.012%201.064-.562%201.226-.755c0%200-.307-.27-.686-.72c-.517-.614-1.214-1.755-1.24-1.803zm-3.205-1.955c0-2.08-1.52-3.64-3.52-3.64s-3.467%201.587-3.467%203.573a3.48%203.48%200%200%200%203.507%203.52c1.413%200%202.626-.84%203.253-2.293h-2.04l-.093.093c-.427.4-.72.533-1.227.533c-.787%200-1.373-.506-1.453-1.266h4.986c.04-.214.054-.307.054-.52m-7.671-.219c0%20.769.11%201.701.868%202.722l.056.069c-.306.526-.742.88-1.248.88c-.399%200-.814-.211-1.138-.579a2.18%202.18%200%200%201-.538-1.441V6.409H9.86zm9.283%203.46h-2.39l2.247-3.332l-2.247-3.335h2.39l2.248%203.335zM3.573%2013.662c-.933%200-1.68-.773-1.68-1.72s.76-1.666%201.68-1.666s1.68.733%201.68%201.68c0%20.946-.733%201.706-1.68%201.706m18.361-1.974L24%208.622h-2.391l-.87%201.293zm-9.404-.466c.16-.706.72-1.133%201.493-1.133s1.373.467%201.507%201.133z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/plex.svg?color=%231a73e8&size=48
