prisma logo
prisma from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.
- Name
- prisma
- Set
- Skill Icons
- Style
- Default
- Viewbox
- 256×256
- License
- MIT
The same logo in other sets
Use the prisma logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#677eeb" rx="60"/><path fill="#f7fafc" fill-rule="evenodd" d="M52.658 165.183a9.39 9.39 0 0 1-.075-9.929L123.045 40.32c3.919-6.393 13.382-5.834 16.521.975l64.369 139.631c2.388 5.181-.361 11.277-5.826 12.917l-100.13 30.039a9.384 9.384 0 0 1-10.622-3.964zm78.515-91.257c.679-3.382 5.312-3.87 6.68-.703l44.401 102.74a3.518 3.518 0 0 1-2.224 4.768l-69.182 20.652c-2.543.759-4.979-1.463-4.456-4.065z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsPrisma(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#677eeb" rx="60"/><path fill="#f7fafc" fillRule="evenodd" d="M52.658 165.183a9.39 9.39 0 0 1-.075-9.929L123.045 40.32c3.919-6.393 13.382-5.834 16.521.975l64.369 139.631c2.388 5.181-.361 11.277-5.826 12.917l-100.13 30.039a9.384 9.384 0 0 1-10.622-3.964zm78.515-91.257c.679-3.382 5.312-3.87 6.68-.703l44.401 102.74a3.518 3.518 0 0 1-2.224 4.768l-69.182 20.652c-2.543.759-4.979-1.463-4.456-4.065z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#677eeb" rx="60"/><path fill="#f7fafc" fill-rule="evenodd" d="M52.658 165.183a9.39 9.39 0 0 1-.075-9.929L123.045 40.32c3.919-6.393 13.382-5.834 16.521.975l64.369 139.631c2.388 5.181-.361 11.277-5.826 12.917l-100.13 30.039a9.384 9.384 0 0 1-10.622-3.964zm78.515-91.257c.679-3.382 5.312-3.87 6.68-.703l44.401 102.74a3.518 3.518 0 0 1-2.224 4.768l-69.182 20.652c-2.543.759-4.979-1.463-4.456-4.065z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-prisma {
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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23677eeb%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23f7fafc%22%20fill-rule%3D%22evenodd%22%20d%3D%22M52.658%20165.183a9.39%209.39%200%200%201-.075-9.929L123.045%2040.32c3.919-6.393%2013.382-5.834%2016.521.975l64.369%20139.631c2.388%205.181-.361%2011.277-5.826%2012.917l-100.13%2030.039a9.384%209.384%200%200%201-10.622-3.964zm78.515-91.257c.679-3.382%205.312-3.87%206.68-.703l44.401%20102.74a3.518%203.518%200%200%201-2.224%204.768l-69.182%2020.652c-2.543.759-4.979-1.463-4.456-4.065z%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23677eeb%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23f7fafc%22%20fill-rule%3D%22evenodd%22%20d%3D%22M52.658%20165.183a9.39%209.39%200%200%201-.075-9.929L123.045%2040.32c3.919-6.393%2013.382-5.834%2016.521.975l64.369%20139.631c2.388%205.181-.361%2011.277-5.826%2012.917l-100.13%2030.039a9.384%209.384%200%200%201-10.622-3.964zm78.515-91.257c.679-3.382%205.312-3.87%206.68-.703l44.401%20102.74a3.518%203.518%200%200%201-2.224%204.768l-69.182%2020.652c-2.543.759-4.979-1.463-4.456-4.065z%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/skill-icons/prisma.svg?color=%231a73e8&size=48
