spack logo

spack from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: spack
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

Use the spack logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#0f3a80" d="m73.192 4.603l50.205 50.205a12.97 12.97 0 0 1 0 18.384l-50.205 50.205a12.97 12.97 0 0 1-18.384 0L4.603 73.192a12.97 12.97 0 0 1 0-18.384L54.808 4.603a12.97 12.97 0 0 1 18.384 0"/><path fill="#ffa600" d="m48.59 32.389l-8.336 9.261l-2.602-2.343l-5.466 13.918l13.27-6.891l-2.602-2.344l8.332-9.254a13 13 0 0 1-2.596-2.347m8.16 4.478v.172l.135-.15zm3.5 4.102l-3.5 3.886v32.97h-3.5l5.25 14l5.25-14h-3.5zM58.5 14c-5.54 0-10 4.46-10 10s4.46 10 10 10c.356 0 .704-.03 1.049-.068l.719-.8q.247.249.507.481C58.155 31.233 56.5 27.806 56.5 24c0-3.853 1.692-7.321 4.37-9.705A10 10 0 0 0 58.5 14M24 54c-5.54 0-10 4.46-10 10s4.46 10 10 10s10-4.46 10-10s-4.46-10-10-10m10.33 17.855a13 13 0 0 1-2.475 2.475l10.936 10.936l-2.475 2.474l13.612 6.188l-6.188-13.612l-2.474 2.475zM64 94c-5.54 0-10 4.46-10 10s4.46 10 10 10s10-4.46 10-10s-4.46-10-10-10"/><path fill="#fff" d="M104 54c-5.54 0-10 4.46-10 10s4.46 10 10 10s10-4.46 10-10s-4.46-10-10-10M67.75 36.867v40.957h-3.5l5.25 14l5.25-14h-3.5V36.867A13 13 0 0 1 69.5 37a13 13 0 0 1-1.75-.133m25.92 34.988L82.734 82.791l-2.474-2.475l-6.188 13.612l13.612-6.188l-2.475-2.474L96.145 74.33a13 13 0 0 1-2.475-2.475M79.41 32.389a13 13 0 0 1-2.597 2.35l8.333 9.253l-2.601 2.342l13.27 6.89l-5.467-13.917l-2.602 2.343zm-19.142.744l-16.3 18.103l-2.6-2.341L35.9 62.81l13.27-6.891l-2.602-2.342L63.055 35.27a13 13 0 0 1-2.787-2.138ZM69.5 14c-5.54 0-10 4.46-10 10s4.46 10 10 10s10-4.46 10-10s-4.46-10-10-10"/></svg>

React

import type { SVGProps } from "react";

export function DeviconSpack(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#0f3a80" d="m73.192 4.603l50.205 50.205a12.97 12.97 0 0 1 0 18.384l-50.205 50.205a12.97 12.97 0 0 1-18.384 0L4.603 73.192a12.97 12.97 0 0 1 0-18.384L54.808 4.603a12.97 12.97 0 0 1 18.384 0"/><path fill="#ffa600" d="m48.59 32.389l-8.336 9.261l-2.602-2.343l-5.466 13.918l13.27-6.891l-2.602-2.344l8.332-9.254a13 13 0 0 1-2.596-2.347m8.16 4.478v.172l.135-.15zm3.5 4.102l-3.5 3.886v32.97h-3.5l5.25 14l5.25-14h-3.5zM58.5 14c-5.54 0-10 4.46-10 10s4.46 10 10 10c.356 0 .704-.03 1.049-.068l.719-.8q.247.249.507.481C58.155 31.233 56.5 27.806 56.5 24c0-3.853 1.692-7.321 4.37-9.705A10 10 0 0 0 58.5 14M24 54c-5.54 0-10 4.46-10 10s4.46 10 10 10s10-4.46 10-10s-4.46-10-10-10m10.33 17.855a13 13 0 0 1-2.475 2.475l10.936 10.936l-2.475 2.474l13.612 6.188l-6.188-13.612l-2.474 2.475zM64 94c-5.54 0-10 4.46-10 10s4.46 10 10 10s10-4.46 10-10s-4.46-10-10-10"/><path fill="#fff" d="M104 54c-5.54 0-10 4.46-10 10s4.46 10 10 10s10-4.46 10-10s-4.46-10-10-10M67.75 36.867v40.957h-3.5l5.25 14l5.25-14h-3.5V36.867A13 13 0 0 1 69.5 37a13 13 0 0 1-1.75-.133m25.92 34.988L82.734 82.791l-2.474-2.475l-6.188 13.612l13.612-6.188l-2.475-2.474L96.145 74.33a13 13 0 0 1-2.475-2.475M79.41 32.389a13 13 0 0 1-2.597 2.35l8.333 9.253l-2.601 2.342l13.27 6.89l-5.467-13.917l-2.602 2.343zm-19.142.744l-16.3 18.103l-2.6-2.341L35.9 62.81l13.27-6.891l-2.602-2.342L63.055 35.27a13 13 0 0 1-2.787-2.138ZM69.5 14c-5.54 0-10 4.46-10 10s4.46 10 10 10s10-4.46 10-10s-4.46-10-10-10"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#0f3a80" d="m73.192 4.603l50.205 50.205a12.97 12.97 0 0 1 0 18.384l-50.205 50.205a12.97 12.97 0 0 1-18.384 0L4.603 73.192a12.97 12.97 0 0 1 0-18.384L54.808 4.603a12.97 12.97 0 0 1 18.384 0"/><path fill="#ffa600" d="m48.59 32.389l-8.336 9.261l-2.602-2.343l-5.466 13.918l13.27-6.891l-2.602-2.344l8.332-9.254a13 13 0 0 1-2.596-2.347m8.16 4.478v.172l.135-.15zm3.5 4.102l-3.5 3.886v32.97h-3.5l5.25 14l5.25-14h-3.5zM58.5 14c-5.54 0-10 4.46-10 10s4.46 10 10 10c.356 0 .704-.03 1.049-.068l.719-.8q.247.249.507.481C58.155 31.233 56.5 27.806 56.5 24c0-3.853 1.692-7.321 4.37-9.705A10 10 0 0 0 58.5 14M24 54c-5.54 0-10 4.46-10 10s4.46 10 10 10s10-4.46 10-10s-4.46-10-10-10m10.33 17.855a13 13 0 0 1-2.475 2.475l10.936 10.936l-2.475 2.474l13.612 6.188l-6.188-13.612l-2.474 2.475zM64 94c-5.54 0-10 4.46-10 10s4.46 10 10 10s10-4.46 10-10s-4.46-10-10-10"/><path fill="#fff" d="M104 54c-5.54 0-10 4.46-10 10s4.46 10 10 10s10-4.46 10-10s-4.46-10-10-10M67.75 36.867v40.957h-3.5l5.25 14l5.25-14h-3.5V36.867A13 13 0 0 1 69.5 37a13 13 0 0 1-1.75-.133m25.92 34.988L82.734 82.791l-2.474-2.475l-6.188 13.612l13.612-6.188l-2.475-2.474L96.145 74.33a13 13 0 0 1-2.475-2.475M79.41 32.389a13 13 0 0 1-2.597 2.35l8.333 9.253l-2.601 2.342l13.27 6.89l-5.467-13.917l-2.602 2.343zm-19.142.744l-16.3 18.103l-2.6-2.341L35.9 62.81l13.27-6.891l-2.602-2.342L63.055 35.27a13 13 0 0 1-2.787-2.138ZM69.5 14c-5.54 0-10 4.46-10 10s4.46 10 10 10s10-4.46 10-10s-4.46-10-10-10"/></svg>
</template>

CSS

.icon-spack {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%230f3a80%22%20d%3D%22m73.192%204.603l50.205%2050.205a12.97%2012.97%200%200%201%200%2018.384l-50.205%2050.205a12.97%2012.97%200%200%201-18.384%200L4.603%2073.192a12.97%2012.97%200%200%201%200-18.384L54.808%204.603a12.97%2012.97%200%200%201%2018.384%200%22%2F%3E%3Cpath%20fill%3D%22%23ffa600%22%20d%3D%22m48.59%2032.389l-8.336%209.261l-2.602-2.343l-5.466%2013.918l13.27-6.891l-2.602-2.344l8.332-9.254a13%2013%200%200%201-2.596-2.347m8.16%204.478v.172l.135-.15zm3.5%204.102l-3.5%203.886v32.97h-3.5l5.25%2014l5.25-14h-3.5zM58.5%2014c-5.54%200-10%204.46-10%2010s4.46%2010%2010%2010c.356%200%20.704-.03%201.049-.068l.719-.8q.247.249.507.481C58.155%2031.233%2056.5%2027.806%2056.5%2024c0-3.853%201.692-7.321%204.37-9.705A10%2010%200%200%200%2058.5%2014M24%2054c-5.54%200-10%204.46-10%2010s4.46%2010%2010%2010s10-4.46%2010-10s-4.46-10-10-10m10.33%2017.855a13%2013%200%200%201-2.475%202.475l10.936%2010.936l-2.475%202.474l13.612%206.188l-6.188-13.612l-2.474%202.475zM64%2094c-5.54%200-10%204.46-10%2010s4.46%2010%2010%2010s10-4.46%2010-10s-4.46-10-10-10%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M104%2054c-5.54%200-10%204.46-10%2010s4.46%2010%2010%2010s10-4.46%2010-10s-4.46-10-10-10M67.75%2036.867v40.957h-3.5l5.25%2014l5.25-14h-3.5V36.867A13%2013%200%200%201%2069.5%2037a13%2013%200%200%201-1.75-.133m25.92%2034.988L82.734%2082.791l-2.474-2.475l-6.188%2013.612l13.612-6.188l-2.475-2.474L96.145%2074.33a13%2013%200%200%201-2.475-2.475M79.41%2032.389a13%2013%200%200%201-2.597%202.35l8.333%209.253l-2.601%202.342l13.27%206.89l-5.467-13.917l-2.602%202.343zm-19.142.744l-16.3%2018.103l-2.6-2.341L35.9%2062.81l13.27-6.891l-2.602-2.342L63.055%2035.27a13%2013%200%200%201-2.787-2.138ZM69.5%2014c-5.54%200-10%204.46-10%2010s4.46%2010%2010%2010s10-4.46%2010-10s-4.46-10-10-10%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%20128%20128%22%3E%3Cpath%20fill%3D%22%230f3a80%22%20d%3D%22m73.192%204.603l50.205%2050.205a12.97%2012.97%200%200%201%200%2018.384l-50.205%2050.205a12.97%2012.97%200%200%201-18.384%200L4.603%2073.192a12.97%2012.97%200%200%201%200-18.384L54.808%204.603a12.97%2012.97%200%200%201%2018.384%200%22%2F%3E%3Cpath%20fill%3D%22%23ffa600%22%20d%3D%22m48.59%2032.389l-8.336%209.261l-2.602-2.343l-5.466%2013.918l13.27-6.891l-2.602-2.344l8.332-9.254a13%2013%200%200%201-2.596-2.347m8.16%204.478v.172l.135-.15zm3.5%204.102l-3.5%203.886v32.97h-3.5l5.25%2014l5.25-14h-3.5zM58.5%2014c-5.54%200-10%204.46-10%2010s4.46%2010%2010%2010c.356%200%20.704-.03%201.049-.068l.719-.8q.247.249.507.481C58.155%2031.233%2056.5%2027.806%2056.5%2024c0-3.853%201.692-7.321%204.37-9.705A10%2010%200%200%200%2058.5%2014M24%2054c-5.54%200-10%204.46-10%2010s4.46%2010%2010%2010s10-4.46%2010-10s-4.46-10-10-10m10.33%2017.855a13%2013%200%200%201-2.475%202.475l10.936%2010.936l-2.475%202.474l13.612%206.188l-6.188-13.612l-2.474%202.475zM64%2094c-5.54%200-10%204.46-10%2010s4.46%2010%2010%2010s10-4.46%2010-10s-4.46-10-10-10%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M104%2054c-5.54%200-10%204.46-10%2010s4.46%2010%2010%2010s10-4.46%2010-10s-4.46-10-10-10M67.75%2036.867v40.957h-3.5l5.25%2014l5.25-14h-3.5V36.867A13%2013%200%200%201%2069.5%2037a13%2013%200%200%201-1.75-.133m25.92%2034.988L82.734%2082.791l-2.474-2.475l-6.188%2013.612l13.612-6.188l-2.475-2.474L96.145%2074.33a13%2013%200%200%201-2.475-2.475M79.41%2032.389a13%2013%200%200%201-2.597%202.35l8.333%209.253l-2.601%202.342l13.27%206.89l-5.467-13.917l-2.602%202.343zm-19.142.744l-16.3%2018.103l-2.6-2.341L35.9%2062.81l13.27-6.891l-2.602-2.342L63.055%2035.27a13%2013%200%200%201-2.787-2.138ZM69.5%2014c-5.54%200-10%204.46-10%2010s4.46%2010%2010%2010s10-4.46%2010-10s-4.46-10-10-10%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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