purescript icon logo

purescript-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
purescript-icon
Set
SVG Logos
Style
Color
Viewbox
256×158
License
CC0

Use the purescript icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 158"><path fill="#1d222d" d="M51.676 46.77L64.88 59.98l-42.352 42.346l42.352 42.357l-13.205 13.196L2.72 108.924A9.26 9.26 0 0 1 0 102.328a9.24 9.24 0 0 1 2.721-6.6zm110.207 69.604l19.987 18.663H94.102l-19.987-18.663zM204.328 0l48.935 48.96A9.27 9.27 0 0 1 256 55.55a9.3 9.3 0 0 1-2.737 6.615l-48.935 48.945l-13.2-13.202l42.33-42.351l-42.33-42.355zM181.87 69.612l-19.987 18.663H74.115l19.987-18.663zm-19.987-46.774l19.98 18.67h-87.76L74.12 22.837z"/></svg>

React

import type { SVGProps } from "react";

export function LogosPurescriptIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 158"><path fill="#1d222d" d="M51.676 46.77L64.88 59.98l-42.352 42.346l42.352 42.357l-13.205 13.196L2.72 108.924A9.26 9.26 0 0 1 0 102.328a9.24 9.24 0 0 1 2.721-6.6zm110.207 69.604l19.987 18.663H94.102l-19.987-18.663zM204.328 0l48.935 48.96A9.27 9.27 0 0 1 256 55.55a9.3 9.3 0 0 1-2.737 6.615l-48.935 48.945l-13.2-13.202l42.33-42.351l-42.33-42.355zM181.87 69.612l-19.987 18.663H74.115l19.987-18.663zm-19.987-46.774l19.98 18.67h-87.76L74.12 22.837z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 158"><path fill="#1d222d" d="M51.676 46.77L64.88 59.98l-42.352 42.346l42.352 42.357l-13.205 13.196L2.72 108.924A9.26 9.26 0 0 1 0 102.328a9.24 9.24 0 0 1 2.721-6.6zm110.207 69.604l19.987 18.663H94.102l-19.987-18.663zM204.328 0l48.935 48.96A9.27 9.27 0 0 1 256 55.55a9.3 9.3 0 0 1-2.737 6.615l-48.935 48.945l-13.2-13.202l42.33-42.351l-42.33-42.355zM181.87 69.612l-19.987 18.663H74.115l19.987-18.663zm-19.987-46.774l19.98 18.67h-87.76L74.12 22.837z"/></svg>
</template>

CSS

.icon-purescript-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%20158%22%3E%3Cpath%20fill%3D%22%231d222d%22%20d%3D%22M51.676%2046.77L64.88%2059.98l-42.352%2042.346l42.352%2042.357l-13.205%2013.196L2.72%20108.924A9.26%209.26%200%200%201%200%20102.328a9.24%209.24%200%200%201%202.721-6.6zm110.207%2069.604l19.987%2018.663H94.102l-19.987-18.663zM204.328%200l48.935%2048.96A9.27%209.27%200%200%201%20256%2055.55a9.3%209.3%200%200%201-2.737%206.615l-48.935%2048.945l-13.2-13.202l42.33-42.351l-42.33-42.355zM181.87%2069.612l-19.987%2018.663H74.115l19.987-18.663zm-19.987-46.774l19.98%2018.67h-87.76L74.12%2022.837z%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%20158%22%3E%3Cpath%20fill%3D%22%231d222d%22%20d%3D%22M51.676%2046.77L64.88%2059.98l-42.352%2042.346l42.352%2042.357l-13.205%2013.196L2.72%20108.924A9.26%209.26%200%200%201%200%20102.328a9.24%209.24%200%200%201%202.721-6.6zm110.207%2069.604l19.987%2018.663H94.102l-19.987-18.663zM204.328%200l48.935%2048.96A9.27%209.27%200%200%201%20256%2055.55a9.3%209.3%200%200%201-2.737%206.615l-48.935%2048.945l-13.2-13.202l42.33-42.351l-42.33-42.355zM181.87%2069.612l-19.987%2018.663H74.115l19.987-18.663zm-19.987-46.774l19.98%2018.67h-87.76L74.12%2022.837z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/purescript-icon.svg?color=%231a73e8&size=48