Jamstack icon

logos:jamstack

The Jamstack icon (logos:jamstack) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 98 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 × 98

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="98" viewBox="0 0 512 98"><path fill="#fff" d="M187.51 31.9c4.802 0 10.155 1.808 12.754 6.132h.157v-4.639h13.069v43.64h-13.07v-4.717h-.157c-2.362 4.482-8.03 6.212-12.755 6.212c-13.462 0-21.965-10.38-21.965-23.354c0-12.738 8.818-23.275 21.965-23.275m126.427 0c8.74 0 15.904 4.481 16.768 13.76h-12.832c-.078-2.438-1.812-3.303-4.094-3.303c-1.732 0-3.7.944-3.7 2.91c0 6.84 21.964 2.988 21.964 18.4c0 9.828-8.896 14.86-17.791 14.86c-9.133 0-16.77-4.874-17.793-14.468h12.99c.394 2.674 2.362 4.01 4.96 4.01c1.97 0 4.567-1.1 4.567-3.38c0-3.146-3.543-4.09-5.905-5.033c-1.89-.629-3.78-1.258-5.669-1.966c-5.196-1.887-10.392-5.268-10.392-11.401c0-9.121 8.503-14.39 16.927-14.39m71.012 0c4.8 0 10.155 1.808 12.752 6.132h.158v-4.639h13.07v43.64h-13.07v-4.717h-.158c-2.362 4.482-8.031 6.212-12.752 6.212c-13.463 0-21.966-10.38-21.966-23.354c0-12.738 8.817-23.275 21.966-23.275m56.455 0c11.179 0 20.863 7.233 23.146 18.32h-13.227c-1.888-4.088-5.274-6.133-9.762-6.133c-6.298 0-10.077 5.19-10.077 11.087c0 6.133 4.014 11.087 10.39 11.087c4.332 0 7.483-2.044 9.45-5.819h13.305c-2.52 10.694-11.89 18.007-22.911 18.007c-13.067 0-23.383-10.3-23.383-23.353c0-12.896 10.08-23.197 23.069-23.197M159.04 18.846v35.558c-.002 5.482-.088 11.653-3.621 16.102c-3.936 4.875-10.235 7.627-16.454 7.627c-2.677 0-5.433-.471-7.873-1.415c-8.267-2.988-11.731-9.907-11.731-18.4h15.825c.157 2.91.708 6.763 4.487 6.763c4.251 0 4.488-4.168 4.488-7.392V18.847zm114.842 13.052c4.33 0 8.424 1.258 11.495 4.404c4.96 5.032 4.723 10.222 4.723 16.905v23.826h-13.068l-.001-23.432c-.022-4.72-.729-9.436-6.692-9.436c-5.825 0-7.243 4.089-7.243 9.042v23.826h-13.069V53.287c0-4.482-1.023-9.121-6.534-9.121c-6.062 0-7.4 4.56-7.4 9.672v23.196h-13.07v-43.64h12.203v4.638h.158c2.52-4.481 7.085-6.133 12.045-6.133c5.669 0 9.92 2.831 12.597 7.785c3.15-4.954 7.952-7.785 13.856-7.785m80.364-13.052v14.546h6.298v9.908h-6.298v33.733h-13.07V43.3h-6.455v-9.908h6.455V18.847zm129.96 0v30.351h.158l12.124-15.805H512L495.547 52.58l15.982 24.455h-14.801L484.365 56.04h-.157v20.995H471.14V18.847zM189.4 44.087c-6.377 0-10.786 5.033-10.786 11.244c0 6.055 4.724 11.009 10.865 11.009c6.377 0 10.943-4.875 10.943-11.166c0-6.37-4.645-11.087-11.022-11.087m197.437 0c-6.376 0-10.786 5.033-10.786 11.244c0 6.055 4.724 11.009 10.865 11.009c6.376 0 10.944-4.875 10.944-11.166c0-6.37-4.646-11.087-11.023-11.087"/><path fill="#f0047f" d="M48.687 0C21.765 0 0 21.765 0 48.687s21.765 48.687 48.687 48.687S97.374 75.61 97.374 48.687V0z"/><path fill="#fff" d="M46.04 51.334v35.493c-18.89-1.079-34.096-16.106-35.456-34.921l-.037-.572zm34.599 0c-.99 18.89-14.765 34.097-32.012 35.456l-.523.037V51.334zm.042-34.641V49.27H48.104V16.693z"/></svg>

How to use the Jamstack icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Jamstack icon in other icon sets

Jamstack icon FAQ

Is the Jamstack 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 Jamstack icon in React?

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

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

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

Browse all SVG Logos icons →