etsy logo

etsy from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: etsy
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 384×512
License: CC BY 4.0

The same logo in other sets

etsyBoxicons Brands etsyCoreUI Brands etsyFont Awesome Brands etsyLine Awesome etsyMaterial Design Icons etsySimple Icons

Use the etsy logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M384 348c-1.75 10.75-13.75 110-15.5 132c-117.879-4.299-219.895-4.743-368.5 0v-25.5c45.457-8.948 60.627-8.019 61-35.25c1.793-72.322 3.524-244.143 0-322c-1.029-28.46-12.13-26.765-61-36v-25.5c73.886 2.358 255.933 8.551 362.999-3.75c-3.5 38.25-7.75 126.5-7.75 126.5H332C320.947 115.665 313.241 68 277.25 68h-137c-10.25 0-10.75 3.5-10.75 9.75V241.5c58 .5 88.5-2.5 88.5-2.5c29.77-.951 27.56-8.502 40.75-65.251h25.75c-4.407 101.351-3.91 61.829-1.75 160.25H257c-9.155-40.086-9.065-61.045-39.501-61.5c0 0-21.5-2-88-2v139c0 26 14.25 38.25 44.25 38.25H263c63.636 0 66.564-24.996 98.751-99.75z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsEtsy(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M384 348c-1.75 10.75-13.75 110-15.5 132c-117.879-4.299-219.895-4.743-368.5 0v-25.5c45.457-8.948 60.627-8.019 61-35.25c1.793-72.322 3.524-244.143 0-322c-1.029-28.46-12.13-26.765-61-36v-25.5c73.886 2.358 255.933 8.551 362.999-3.75c-3.5 38.25-7.75 126.5-7.75 126.5H332C320.947 115.665 313.241 68 277.25 68h-137c-10.25 0-10.75 3.5-10.75 9.75V241.5c58 .5 88.5-2.5 88.5-2.5c29.77-.951 27.56-8.502 40.75-65.251h25.75c-4.407 101.351-3.91 61.829-1.75 160.25H257c-9.155-40.086-9.065-61.045-39.501-61.5c0 0-21.5-2-88-2v139c0 26 14.25 38.25 44.25 38.25H263c63.636 0 66.564-24.996 98.751-99.75z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M384 348c-1.75 10.75-13.75 110-15.5 132c-117.879-4.299-219.895-4.743-368.5 0v-25.5c45.457-8.948 60.627-8.019 61-35.25c1.793-72.322 3.524-244.143 0-322c-1.029-28.46-12.13-26.765-61-36v-25.5c73.886 2.358 255.933 8.551 362.999-3.75c-3.5 38.25-7.75 126.5-7.75 126.5H332C320.947 115.665 313.241 68 277.25 68h-137c-10.25 0-10.75 3.5-10.75 9.75V241.5c58 .5 88.5-2.5 88.5-2.5c29.77-.951 27.56-8.502 40.75-65.251h25.75c-4.407 101.351-3.91 61.829-1.75 160.25H257c-9.155-40.086-9.065-61.045-39.501-61.5c0 0-21.5-2-88-2v139c0 26 14.25 38.25 44.25 38.25H263c63.636 0 66.564-24.996 98.751-99.75z"/></svg>
</template>

CSS

.icon-etsy {
  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%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M384%20348c-1.75%2010.75-13.75%20110-15.5%20132c-117.879-4.299-219.895-4.743-368.5%200v-25.5c45.457-8.948%2060.627-8.019%2061-35.25c1.793-72.322%203.524-244.143%200-322c-1.029-28.46-12.13-26.765-61-36v-25.5c73.886%202.358%20255.933%208.551%20362.999-3.75c-3.5%2038.25-7.75%20126.5-7.75%20126.5H332C320.947%20115.665%20313.241%2068%20277.25%2068h-137c-10.25%200-10.75%203.5-10.75%209.75V241.5c58%20.5%2088.5-2.5%2088.5-2.5c29.77-.951%2027.56-8.502%2040.75-65.251h25.75c-4.407%20101.351-3.91%2061.829-1.75%20160.25H257c-9.155-40.086-9.065-61.045-39.501-61.5c0%200-21.5-2-88-2v139c0%2026%2014.25%2038.25%2044.25%2038.25H263c63.636%200%2066.564-24.996%2098.751-99.75z%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%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M384%20348c-1.75%2010.75-13.75%20110-15.5%20132c-117.879-4.299-219.895-4.743-368.5%200v-25.5c45.457-8.948%2060.627-8.019%2061-35.25c1.793-72.322%203.524-244.143%200-322c-1.029-28.46-12.13-26.765-61-36v-25.5c73.886%202.358%20255.933%208.551%20362.999-3.75c-3.5%2038.25-7.75%20126.5-7.75%20126.5H332C320.947%20115.665%20313.241%2068%20277.25%2068h-137c-10.25%200-10.75%203.5-10.75%209.75V241.5c58%20.5%2088.5-2.5%2088.5-2.5c29.77-.951%2027.56-8.502%2040.75-65.251h25.75c-4.407%20101.351-3.91%2061.829-1.75%20160.25H257c-9.155-40.086-9.065-61.045-39.501-61.5c0%200-21.5-2-88-2v139c0%2026%2014.25%2038.25%2044.25%2038.25H263c63.636%200%2066.564-24.996%2098.751-99.75z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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