pluralsight icon logo
pluralsight-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- pluralsight-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the pluralsight icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGoNoExboy" x1="49.999%" x2="49.999%" y1="1.576%" y2="100.443%"><stop offset="0%" stop-color="#df5430"/><stop offset="100%" stop-color="#d7197e"/></linearGradient></defs><path fill="url(#SVGoNoExboy)" d="M256 128c0 70.695-57.31 128-128.003 128C57.303 256 0 198.695 0 128S57.303 0 127.997 0C198.69 0 256 57.305 256 128"/><path fill="#fffffe" d="M95.092 61.479v133.029l115.207-66.511zm11.029 19.103l82.12 47.415l-82.12 47.414z"/><path fill="#fffffe" d="M68.609 76.002v103.983l90.046-51.995zm11.029 19.103l56.966 32.885l-56.966 32.898z"/></svg>
React
import type { SVGProps } from "react";
export function LogosPluralsightIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGoNoExboy" x1="49.999%" x2="49.999%" y1="1.576%" y2="100.443%"><stop offset="0%" stopColor="#df5430"/><stop offset="100%" stopColor="#d7197e"/></linearGradient></defs><path fill="url(#SVGoNoExboy)" d="M256 128c0 70.695-57.31 128-128.003 128C57.303 256 0 198.695 0 128S57.303 0 127.997 0C198.69 0 256 57.305 256 128"/><path fill="#fffffe" d="M95.092 61.479v133.029l115.207-66.511zm11.029 19.103l82.12 47.415l-82.12 47.414z"/><path fill="#fffffe" d="M68.609 76.002v103.983l90.046-51.995zm11.029 19.103l56.966 32.885l-56.966 32.898z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGoNoExboy" x1="49.999%" x2="49.999%" y1="1.576%" y2="100.443%"><stop offset="0%" stop-color="#df5430"/><stop offset="100%" stop-color="#d7197e"/></linearGradient></defs><path fill="url(#SVGoNoExboy)" d="M256 128c0 70.695-57.31 128-128.003 128C57.303 256 0 198.695 0 128S57.303 0 127.997 0C198.69 0 256 57.305 256 128"/><path fill="#fffffe" d="M95.092 61.479v133.029l115.207-66.511zm11.029 19.103l82.12 47.415l-82.12 47.414z"/><path fill="#fffffe" d="M68.609 76.002v103.983l90.046-51.995zm11.029 19.103l56.966 32.885l-56.966 32.898z"/></svg> </template>
CSS
.icon-pluralsight-icon {
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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGoNoExboy%22%20x1%3D%2249.999%25%22%20x2%3D%2249.999%25%22%20y1%3D%221.576%25%22%20y2%3D%22100.443%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23df5430%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23d7197e%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGoNoExboy)%22%20d%3D%22M256%20128c0%2070.695-57.31%20128-128.003%20128C57.303%20256%200%20198.695%200%20128S57.303%200%20127.997%200C198.69%200%20256%2057.305%20256%20128%22%2F%3E%3Cpath%20fill%3D%22%23fffffe%22%20d%3D%22M95.092%2061.479v133.029l115.207-66.511zm11.029%2019.103l82.12%2047.415l-82.12%2047.414z%22%2F%3E%3Cpath%20fill%3D%22%23fffffe%22%20d%3D%22M68.609%2076.002v103.983l90.046-51.995zm11.029%2019.103l56.966%2032.885l-56.966%2032.898z%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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGoNoExboy%22%20x1%3D%2249.999%25%22%20x2%3D%2249.999%25%22%20y1%3D%221.576%25%22%20y2%3D%22100.443%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23df5430%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23d7197e%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGoNoExboy)%22%20d%3D%22M256%20128c0%2070.695-57.31%20128-128.003%20128C57.303%20256%200%20198.695%200%20128S57.303%200%20127.997%200C198.69%200%20256%2057.305%20256%20128%22%2F%3E%3Cpath%20fill%3D%22%23fffffe%22%20d%3D%22M95.092%2061.479v133.029l115.207-66.511zm11.029%2019.103l82.12%2047.415l-82.12%2047.414z%22%2F%3E%3Cpath%20fill%3D%22%23fffffe%22%20d%3D%22M68.609%2076.002v103.983l90.046-51.995zm11.029%2019.103l56.966%2032.885l-56.966%2032.898z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/pluralsight-icon.svg?color=%231a73e8&size=48
