Purescript icon

logos:purescript

The Purescript icon (logos:purescript) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 86 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 86

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="86" viewBox="0 0 512 86"><path fill="#1d222d" d="m27.998 25.34l7.154 7.156L12.206 55.44l22.946 22.95l-7.154 7.148L1.474 59.014A5.02 5.02 0 0 1 0 55.441a5 5 0 0 1 1.29-3.382l.184-.194zm59.71 37.71l10.828 10.112H50.984L40.155 63.051zM110.702 0l26.514 26.526a5.02 5.02 0 0 1 1.482 3.57a5.04 5.04 0 0 1-1.297 3.389l-.185.196l-26.514 26.518l-7.15-7.153L126.486 30.1L103.552 7.153zm222.602 25.364q3.027-.001 6.022.997q2.983.995 5.154 2.804l-2.847 4.025c-.94-.843-2.203-1.538-3.804-2.08q-2.394-.818-4.723-.817q-2.332-.001-3.822.95q-1.493.949-1.494 2.873q.001 1.923 1.494 2.941c.997.679 3.11 1.41 6.356 2.193q4.863 1.176 7.33 3.304c1.64 1.42 2.465 3.507 2.465 6.265q0 4.139-3.122 6.719c-2.078 1.717-4.81 2.577-8.188 2.577q-7.422-.002-13.164-5.112l3.347-4.025c3.197 2.775 6.52 4.16 9.951 4.16q2.58 0 4.097-1.107q1.513-1.105 1.514-2.94q-.001-1.833-1.427-2.85q-1.425-1.017-4.91-1.852q-3.486-.841-5.29-1.538a12 12 0 0 1-3.214-1.833q-2.805-2.129-2.805-6.516q.001-4.387 3.187-6.762c2.13-1.582 4.758-2.376 7.893-2.376m39.114-.01q7.354 0 12.282 5.428l-3.393 3.71q-2.26-2.172-4.274-3.031q-2.013-.86-4.729-.861q-4.795 0-8.05 3.1q-3.26 3.099-3.26 7.918c0 3.212 1.083 5.897 3.24 8.054c2.15 2.163 4.708 3.239 7.662 3.239q2.76 0 4.751-.927q1.99-.927 4.157-2.966l3.442 3.529q-5.024 5.561-12.191 5.56c-4.777 0-8.746-1.537-11.898-4.613c-3.153-3.077-4.726-6.965-4.726-11.672q0-7.056 4.817-11.762q4.818-4.705 12.17-4.706m-157.498.777v17.507q.003 4.345 2.173 6.878t5.881 2.534c2.47 0 4.434-.845 5.881-2.534q2.169-2.535 2.168-6.876V26.131h5.342v17.734q-.001 6.832-3.757 10.515q-3.753 3.688-9.634 3.688t-9.637-3.688q-3.755-3.689-3.755-10.515V26.13zm-30.444-.002c4.797 0 8.294.924 10.496 2.76q3.303 2.761 3.304 8.506q-.001 5.745-3.371 8.413c-2.247 1.781-5.694 2.667-10.338 2.667h-5.61v9.278h-5.336V26.129zm126.259.002v5.022h-16.872v8.369h15.155v4.75h-15.155v8.46h17.415v5.02h-22.753v-31.62zm129.157 0v31.622h-5.34V26.13zm25.057-.002c4.797 0 8.296.924 10.5 2.76q3.3 2.761 3.301 8.506t-3.37 8.413c-2.247 1.781-5.69 2.667-10.335 2.667h-5.615v9.278h-5.336V26.129zm47.05.002v4.886h-9.589v26.736h-5.341V31.017h-9.59V26.13zm-250.08 0q7.24 0 10.365 2.443q3.12 2.443 3.118 7.826c0 5.218-2.27 8.505-6.83 9.862l8.28 11.489h-6.788l-7.553-10.631h-7.014v10.631h-5.336v-31.62zm146.025 0q7.24 0 10.363 2.443q3.125 2.443 3.125 7.826q0 7.827-6.83 9.862l8.276 11.489h-6.784l-7.559-10.631h-7.015v10.631h-5.336v-31.62zM98.536 37.715L87.707 47.827H40.155l10.829-10.112zm85.852-6.745h-5.43v12.667h6.2q4.43.004 6.038-1.696q1.605-1.696 1.605-4.976q.001-3.281-2.036-4.638q-2.034-1.357-6.377-1.357m280.474 0h-5.43v12.667h6.199q4.434.004 6.04-1.696q1.608-1.696 1.607-4.976q0-3.281-2.04-4.638c-1.353-.905-3.481-1.357-6.376-1.357m-202.575 0H255.5v11.31h6.65q4.521.002 6.152-1.401c1.083-.937 1.63-2.436 1.63-4.504q0-3.097-1.675-4.252q-1.674-1.154-5.97-1.153m146.028 0h-6.787v11.31h6.653q4.52.002 6.151-1.401c1.082-.937 1.629-2.436 1.629-4.504q0-3.097-1.673-4.252c-1.114-.77-3.11-1.153-5.973-1.153M87.707 12.374l10.826 10.115h-47.55L40.159 12.374z"/></svg>

How to use the Purescript icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:purescript" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:purescript" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:purescript" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--purescript]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:purescript"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:purescript"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/purescript.svg" alt="Purescript icon" width="24" height="24">

Related icons in SVG Logos

Purescript icon in other icon sets

Purescript icon FAQ

Is the Purescript icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Purescript icon in React?

Install @iconify/react and render <Icon icon="logos:purescript" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Purescript icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/purescript.svg" alt="Purescript icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →