gatsby logo

gatsby-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.

Name: gatsby-wordmark
Set: Devicon
Style: Wordmark
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

gatsby-fillAkar Icons gatsbyCatppuccin Icons gatsbyCoreUI Brands gatsbySVG Logos gatsbyMaterial Icon Theme gatsbyMaterial Design Icons gatsby-fillRemix Icon gatsbySimple Icons gatsbySkill Icons

Use the gatsby logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#64328b" d="M16.832 47.016C7.559 47.016 0 54.578 0 63.848C0 73.12 7.559 80.68 16.832 80.68s16.832-7.559 16.832-16.832c0-9.27-7.559-16.832-16.832-16.832M3.426 63.949l13.406 13.406c-7.457 0-13.406-6.046-13.406-13.406m16.328 13.004L3.73 60.824c1.41-5.945 6.653-10.379 13.102-10.379c4.332 0 8.266 2.117 10.684 5.34L25.5 57.7a10.74 10.74 0 0 0-8.77-4.535c-4.636 0-8.566 2.926-10.078 7.055c2.016 1.816 13.102 12.902 13.809 13.707c3.324-1.207 5.844-4.13 6.75-7.656h-5.742v-2.422l8.668.101c0 6.352-4.438 11.692-10.383 13.004Zm0 0"/><path d="M56.64 63.746v2.824h4.739a6.405 6.405 0 0 1-5.945 4.032c-3.528 0-6.45-2.922-6.45-6.45s2.922-6.453 6.45-6.453a6.41 6.41 0 0 1 5.039 2.422l2.82-2.016c-1.813-2.32-4.633-3.832-7.758-3.832h-.203a9.725 9.725 0 0 0-9.777 9.778a9.725 9.725 0 0 0 9.777 9.777h.203a9.72 9.72 0 0 0 9.774-9.777v-.403Zm19.051-.504c-1.007-1.308-2.418-2.113-4.132-2.113c-3.024 0-5.442 2.922-5.442 6.45c0 3.526 2.418 6.448 5.442 6.448c1.714 0 3.226-.906 4.234-2.316v1.613h3.324V61.43h-3.426Zm-2.722 7.563a3.4 3.4 0 0 1-3.426-3.43a3.4 3.4 0 0 1 3.426-3.426a3.4 3.4 0 0 1 3.43 3.426c0 1.918-1.614 3.43-3.43 3.43m34.57-9.778c-1.613 0-3.125.805-4.133 2.118v-9.778h-3.324v19.856h3.324v-1.614c1.008 1.41 2.52 2.317 4.235 2.317c3.023 0 5.441-2.922 5.441-6.45s-2.52-6.449-5.543-6.449m-1.309 9.778a3.4 3.4 0 0 1-3.425-3.43a3.4 3.4 0 0 1 3.425-3.426a3.4 3.4 0 0 1 3.426 3.426c-.101 1.918-1.613 3.43-3.426 3.43M85.47 57.398h-3.125v4.032H81.03v2.722h1.211v9.07h3.227v-9.07h2.52V61.43h-2.52Zm7.66 7.961c-.91 0-1.313-3.527 2.82-1.105l1.614-1.918s-3.93-2.82-7.258 0c-2.418 3.527 1.11 5.242 1.11 5.242l2.116.906s2.922 1.313 0 2.825c-2.418.097-3.226-1.614-3.226-1.614l-1.614 2.016s4.336 4.434 8.973 0c2.418-5.746-3.227-5.746-4.535-6.352m30.84-3.93l-3.426 6.755l-3.629-6.754h-3.832l5.543 10.28l-4.434 8.063h3.93L127.7 61.43Zm0 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconGatsbyWordmark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#64328b" d="M16.832 47.016C7.559 47.016 0 54.578 0 63.848C0 73.12 7.559 80.68 16.832 80.68s16.832-7.559 16.832-16.832c0-9.27-7.559-16.832-16.832-16.832M3.426 63.949l13.406 13.406c-7.457 0-13.406-6.046-13.406-13.406m16.328 13.004L3.73 60.824c1.41-5.945 6.653-10.379 13.102-10.379c4.332 0 8.266 2.117 10.684 5.34L25.5 57.7a10.74 10.74 0 0 0-8.77-4.535c-4.636 0-8.566 2.926-10.078 7.055c2.016 1.816 13.102 12.902 13.809 13.707c3.324-1.207 5.844-4.13 6.75-7.656h-5.742v-2.422l8.668.101c0 6.352-4.438 11.692-10.383 13.004Zm0 0"/><path d="M56.64 63.746v2.824h4.739a6.405 6.405 0 0 1-5.945 4.032c-3.528 0-6.45-2.922-6.45-6.45s2.922-6.453 6.45-6.453a6.41 6.41 0 0 1 5.039 2.422l2.82-2.016c-1.813-2.32-4.633-3.832-7.758-3.832h-.203a9.725 9.725 0 0 0-9.777 9.778a9.725 9.725 0 0 0 9.777 9.777h.203a9.72 9.72 0 0 0 9.774-9.777v-.403Zm19.051-.504c-1.007-1.308-2.418-2.113-4.132-2.113c-3.024 0-5.442 2.922-5.442 6.45c0 3.526 2.418 6.448 5.442 6.448c1.714 0 3.226-.906 4.234-2.316v1.613h3.324V61.43h-3.426Zm-2.722 7.563a3.4 3.4 0 0 1-3.426-3.43a3.4 3.4 0 0 1 3.426-3.426a3.4 3.4 0 0 1 3.43 3.426c0 1.918-1.614 3.43-3.43 3.43m34.57-9.778c-1.613 0-3.125.805-4.133 2.118v-9.778h-3.324v19.856h3.324v-1.614c1.008 1.41 2.52 2.317 4.235 2.317c3.023 0 5.441-2.922 5.441-6.45s-2.52-6.449-5.543-6.449m-1.309 9.778a3.4 3.4 0 0 1-3.425-3.43a3.4 3.4 0 0 1 3.425-3.426a3.4 3.4 0 0 1 3.426 3.426c-.101 1.918-1.613 3.43-3.426 3.43M85.47 57.398h-3.125v4.032H81.03v2.722h1.211v9.07h3.227v-9.07h2.52V61.43h-2.52Zm7.66 7.961c-.91 0-1.313-3.527 2.82-1.105l1.614-1.918s-3.93-2.82-7.258 0c-2.418 3.527 1.11 5.242 1.11 5.242l2.116.906s2.922 1.313 0 2.825c-2.418.097-3.226-1.614-3.226-1.614l-1.614 2.016s4.336 4.434 8.973 0c2.418-5.746-3.227-5.746-4.535-6.352m30.84-3.93l-3.426 6.755l-3.629-6.754h-3.832l5.543 10.28l-4.434 8.063h3.93L127.7 61.43Zm0 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#64328b" d="M16.832 47.016C7.559 47.016 0 54.578 0 63.848C0 73.12 7.559 80.68 16.832 80.68s16.832-7.559 16.832-16.832c0-9.27-7.559-16.832-16.832-16.832M3.426 63.949l13.406 13.406c-7.457 0-13.406-6.046-13.406-13.406m16.328 13.004L3.73 60.824c1.41-5.945 6.653-10.379 13.102-10.379c4.332 0 8.266 2.117 10.684 5.34L25.5 57.7a10.74 10.74 0 0 0-8.77-4.535c-4.636 0-8.566 2.926-10.078 7.055c2.016 1.816 13.102 12.902 13.809 13.707c3.324-1.207 5.844-4.13 6.75-7.656h-5.742v-2.422l8.668.101c0 6.352-4.438 11.692-10.383 13.004Zm0 0"/><path d="M56.64 63.746v2.824h4.739a6.405 6.405 0 0 1-5.945 4.032c-3.528 0-6.45-2.922-6.45-6.45s2.922-6.453 6.45-6.453a6.41 6.41 0 0 1 5.039 2.422l2.82-2.016c-1.813-2.32-4.633-3.832-7.758-3.832h-.203a9.725 9.725 0 0 0-9.777 9.778a9.725 9.725 0 0 0 9.777 9.777h.203a9.72 9.72 0 0 0 9.774-9.777v-.403Zm19.051-.504c-1.007-1.308-2.418-2.113-4.132-2.113c-3.024 0-5.442 2.922-5.442 6.45c0 3.526 2.418 6.448 5.442 6.448c1.714 0 3.226-.906 4.234-2.316v1.613h3.324V61.43h-3.426Zm-2.722 7.563a3.4 3.4 0 0 1-3.426-3.43a3.4 3.4 0 0 1 3.426-3.426a3.4 3.4 0 0 1 3.43 3.426c0 1.918-1.614 3.43-3.43 3.43m34.57-9.778c-1.613 0-3.125.805-4.133 2.118v-9.778h-3.324v19.856h3.324v-1.614c1.008 1.41 2.52 2.317 4.235 2.317c3.023 0 5.441-2.922 5.441-6.45s-2.52-6.449-5.543-6.449m-1.309 9.778a3.4 3.4 0 0 1-3.425-3.43a3.4 3.4 0 0 1 3.425-3.426a3.4 3.4 0 0 1 3.426 3.426c-.101 1.918-1.613 3.43-3.426 3.43M85.47 57.398h-3.125v4.032H81.03v2.722h1.211v9.07h3.227v-9.07h2.52V61.43h-2.52Zm7.66 7.961c-.91 0-1.313-3.527 2.82-1.105l1.614-1.918s-3.93-2.82-7.258 0c-2.418 3.527 1.11 5.242 1.11 5.242l2.116.906s2.922 1.313 0 2.825c-2.418.097-3.226-1.614-3.226-1.614l-1.614 2.016s4.336 4.434 8.973 0c2.418-5.746-3.227-5.746-4.535-6.352m30.84-3.93l-3.426 6.755l-3.629-6.754h-3.832l5.543 10.28l-4.434 8.063h3.93L127.7 61.43Zm0 0"/></svg>
</template>

CSS

.icon-gatsby-wordmark {
  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%2364328b%22%20d%3D%22M16.832%2047.016C7.559%2047.016%200%2054.578%200%2063.848C0%2073.12%207.559%2080.68%2016.832%2080.68s16.832-7.559%2016.832-16.832c0-9.27-7.559-16.832-16.832-16.832M3.426%2063.949l13.406%2013.406c-7.457%200-13.406-6.046-13.406-13.406m16.328%2013.004L3.73%2060.824c1.41-5.945%206.653-10.379%2013.102-10.379c4.332%200%208.266%202.117%2010.684%205.34L25.5%2057.7a10.74%2010.74%200%200%200-8.77-4.535c-4.636%200-8.566%202.926-10.078%207.055c2.016%201.816%2013.102%2012.902%2013.809%2013.707c3.324-1.207%205.844-4.13%206.75-7.656h-5.742v-2.422l8.668.101c0%206.352-4.438%2011.692-10.383%2013.004Zm0%200%22%2F%3E%3Cpath%20d%3D%22M56.64%2063.746v2.824h4.739a6.405%206.405%200%200%201-5.945%204.032c-3.528%200-6.45-2.922-6.45-6.45s2.922-6.453%206.45-6.453a6.41%206.41%200%200%201%205.039%202.422l2.82-2.016c-1.813-2.32-4.633-3.832-7.758-3.832h-.203a9.725%209.725%200%200%200-9.777%209.778a9.725%209.725%200%200%200%209.777%209.777h.203a9.72%209.72%200%200%200%209.774-9.777v-.403Zm19.051-.504c-1.007-1.308-2.418-2.113-4.132-2.113c-3.024%200-5.442%202.922-5.442%206.45c0%203.526%202.418%206.448%205.442%206.448c1.714%200%203.226-.906%204.234-2.316v1.613h3.324V61.43h-3.426Zm-2.722%207.563a3.4%203.4%200%200%201-3.426-3.43a3.4%203.4%200%200%201%203.426-3.426a3.4%203.4%200%200%201%203.43%203.426c0%201.918-1.614%203.43-3.43%203.43m34.57-9.778c-1.613%200-3.125.805-4.133%202.118v-9.778h-3.324v19.856h3.324v-1.614c1.008%201.41%202.52%202.317%204.235%202.317c3.023%200%205.441-2.922%205.441-6.45s-2.52-6.449-5.543-6.449m-1.309%209.778a3.4%203.4%200%200%201-3.425-3.43a3.4%203.4%200%200%201%203.425-3.426a3.4%203.4%200%200%201%203.426%203.426c-.101%201.918-1.613%203.43-3.426%203.43M85.47%2057.398h-3.125v4.032H81.03v2.722h1.211v9.07h3.227v-9.07h2.52V61.43h-2.52Zm7.66%207.961c-.91%200-1.313-3.527%202.82-1.105l1.614-1.918s-3.93-2.82-7.258%200c-2.418%203.527%201.11%205.242%201.11%205.242l2.116.906s2.922%201.313%200%202.825c-2.418.097-3.226-1.614-3.226-1.614l-1.614%202.016s4.336%204.434%208.973%200c2.418-5.746-3.227-5.746-4.535-6.352m30.84-3.93l-3.426%206.755l-3.629-6.754h-3.832l5.543%2010.28l-4.434%208.063h3.93L127.7%2061.43Zm0%200%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%2364328b%22%20d%3D%22M16.832%2047.016C7.559%2047.016%200%2054.578%200%2063.848C0%2073.12%207.559%2080.68%2016.832%2080.68s16.832-7.559%2016.832-16.832c0-9.27-7.559-16.832-16.832-16.832M3.426%2063.949l13.406%2013.406c-7.457%200-13.406-6.046-13.406-13.406m16.328%2013.004L3.73%2060.824c1.41-5.945%206.653-10.379%2013.102-10.379c4.332%200%208.266%202.117%2010.684%205.34L25.5%2057.7a10.74%2010.74%200%200%200-8.77-4.535c-4.636%200-8.566%202.926-10.078%207.055c2.016%201.816%2013.102%2012.902%2013.809%2013.707c3.324-1.207%205.844-4.13%206.75-7.656h-5.742v-2.422l8.668.101c0%206.352-4.438%2011.692-10.383%2013.004Zm0%200%22%2F%3E%3Cpath%20d%3D%22M56.64%2063.746v2.824h4.739a6.405%206.405%200%200%201-5.945%204.032c-3.528%200-6.45-2.922-6.45-6.45s2.922-6.453%206.45-6.453a6.41%206.41%200%200%201%205.039%202.422l2.82-2.016c-1.813-2.32-4.633-3.832-7.758-3.832h-.203a9.725%209.725%200%200%200-9.777%209.778a9.725%209.725%200%200%200%209.777%209.777h.203a9.72%209.72%200%200%200%209.774-9.777v-.403Zm19.051-.504c-1.007-1.308-2.418-2.113-4.132-2.113c-3.024%200-5.442%202.922-5.442%206.45c0%203.526%202.418%206.448%205.442%206.448c1.714%200%203.226-.906%204.234-2.316v1.613h3.324V61.43h-3.426Zm-2.722%207.563a3.4%203.4%200%200%201-3.426-3.43a3.4%203.4%200%200%201%203.426-3.426a3.4%203.4%200%200%201%203.43%203.426c0%201.918-1.614%203.43-3.43%203.43m34.57-9.778c-1.613%200-3.125.805-4.133%202.118v-9.778h-3.324v19.856h3.324v-1.614c1.008%201.41%202.52%202.317%204.235%202.317c3.023%200%205.441-2.922%205.441-6.45s-2.52-6.449-5.543-6.449m-1.309%209.778a3.4%203.4%200%200%201-3.425-3.43a3.4%203.4%200%200%201%203.425-3.426a3.4%203.4%200%200%201%203.426%203.426c-.101%201.918-1.613%203.43-3.426%203.43M85.47%2057.398h-3.125v4.032H81.03v2.722h1.211v9.07h3.227v-9.07h2.52V61.43h-2.52Zm7.66%207.961c-.91%200-1.313-3.527%202.82-1.105l1.614-1.918s-3.93-2.82-7.258%200c-2.418%203.527%201.11%205.242%201.11%205.242l2.116.906s2.922%201.313%200%202.825c-2.418.097-3.226-1.614-3.226-1.614l-1.614%202.016s4.336%204.434%208.973%200c2.418-5.746-3.227-5.746-4.535-6.352m30.84-3.93l-3.426%206.755l-3.629-6.754h-3.832l5.543%2010.28l-4.434%208.063h3.93L127.7%2061.43Zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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