jamstack logo

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

Name
jamstack
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

1 other variant in Devicon

jamstack-wordmark

The same logo in other sets

jamstackSVG LogosjamstackSimple Icons

Use the jamstack logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f0047f" d="M61.928 9.176c-30.459 0-55.078 24.61-55.078 55.053c0 30.438 24.62 55.048 55.078 55.048s55.078-24.61 55.078-55.048V9.176zm1.166 14.654h38.635v38.615H63.094zM20.986 65.932h38.621v38.6c-20.905-.887-37.734-17.71-38.62-38.6zm42.108.076h38.615c-.881 20.89-17.715 37.714-38.615 38.596z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconJamstack(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f0047f" d="M61.928 9.176c-30.459 0-55.078 24.61-55.078 55.053c0 30.438 24.62 55.048 55.078 55.048s55.078-24.61 55.078-55.048V9.176zm1.166 14.654h38.635v38.615H63.094zM20.986 65.932h38.621v38.6c-20.905-.887-37.734-17.71-38.62-38.6zm42.108.076h38.615c-.881 20.89-17.715 37.714-38.615 38.596z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f0047f" d="M61.928 9.176c-30.459 0-55.078 24.61-55.078 55.053c0 30.438 24.62 55.048 55.078 55.048s55.078-24.61 55.078-55.048V9.176zm1.166 14.654h38.635v38.615H63.094zM20.986 65.932h38.621v38.6c-20.905-.887-37.734-17.71-38.62-38.6zm42.108.076h38.615c-.881 20.89-17.715 37.714-38.615 38.596z"/></svg>
</template>

CSS

.icon-jamstack {
  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%23f0047f%22%20d%3D%22M61.928%209.176c-30.459%200-55.078%2024.61-55.078%2055.053c0%2030.438%2024.62%2055.048%2055.078%2055.048s55.078-24.61%2055.078-55.048V9.176zm1.166%2014.654h38.635v38.615H63.094zM20.986%2065.932h38.621v38.6c-20.905-.887-37.734-17.71-38.62-38.6zm42.108.076h38.615c-.881%2020.89-17.715%2037.714-38.615%2038.596z%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%23f0047f%22%20d%3D%22M61.928%209.176c-30.459%200-55.078%2024.61-55.078%2055.053c0%2030.438%2024.62%2055.048%2055.078%2055.048s55.078-24.61%2055.078-55.048V9.176zm1.166%2014.654h38.635v38.615H63.094zM20.986%2065.932h38.621v38.6c-20.905-.887-37.734-17.71-38.62-38.6zm42.108.076h38.615c-.881%2020.89-17.715%2037.714-38.615%2038.596z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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