stitch logo

stitch from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
stitch
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the stitch logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ffc600" d="M81.484 119.338v-17.965H256V0H0v137.303h182.216v17.965H0V256h256V118.697H81.484zm48.762-93.032c7.057 0 12.832 5.774 12.832 12.832c0 7.057-5.775 12.832-12.832 12.832s-12.832-5.775-12.832-12.832c.641-7.058 6.416-12.832 12.832-12.832M75.709 65.444h113.564l-5.133 17.965H80.842zm54.537 164.25c-7.058 0-12.832-5.774-12.832-12.832c0-7.057 5.774-12.832 12.832-12.832c7.057 0 12.832 5.775 12.832 12.832s-5.775 12.832-12.832 12.832m-54.537-39.138l4.492-17.965h103.94l5.132 17.965z"/></svg>

React

import type { SVGProps } from "react";

export function LogosStitch(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ffc600" d="M81.484 119.338v-17.965H256V0H0v137.303h182.216v17.965H0V256h256V118.697H81.484zm48.762-93.032c7.057 0 12.832 5.774 12.832 12.832c0 7.057-5.775 12.832-12.832 12.832s-12.832-5.775-12.832-12.832c.641-7.058 6.416-12.832 12.832-12.832M75.709 65.444h113.564l-5.133 17.965H80.842zm54.537 164.25c-7.058 0-12.832-5.774-12.832-12.832c0-7.057 5.774-12.832 12.832-12.832c7.057 0 12.832 5.775 12.832 12.832s-5.775 12.832-12.832 12.832m-54.537-39.138l4.492-17.965h103.94l5.132 17.965z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ffc600" d="M81.484 119.338v-17.965H256V0H0v137.303h182.216v17.965H0V256h256V118.697H81.484zm48.762-93.032c7.057 0 12.832 5.774 12.832 12.832c0 7.057-5.775 12.832-12.832 12.832s-12.832-5.775-12.832-12.832c.641-7.058 6.416-12.832 12.832-12.832M75.709 65.444h113.564l-5.133 17.965H80.842zm54.537 164.25c-7.058 0-12.832-5.774-12.832-12.832c0-7.057 5.774-12.832 12.832-12.832c7.057 0 12.832 5.775 12.832 12.832s-5.775 12.832-12.832 12.832m-54.537-39.138l4.492-17.965h103.94l5.132 17.965z"/></svg>
</template>

CSS

.icon-stitch {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%23ffc600%22%20d%3D%22M81.484%20119.338v-17.965H256V0H0v137.303h182.216v17.965H0V256h256V118.697H81.484zm48.762-93.032c7.057%200%2012.832%205.774%2012.832%2012.832c0%207.057-5.775%2012.832-12.832%2012.832s-12.832-5.775-12.832-12.832c.641-7.058%206.416-12.832%2012.832-12.832M75.709%2065.444h113.564l-5.133%2017.965H80.842zm54.537%20164.25c-7.058%200-12.832-5.774-12.832-12.832c0-7.057%205.774-12.832%2012.832-12.832c7.057%200%2012.832%205.775%2012.832%2012.832s-5.775%2012.832-12.832%2012.832m-54.537-39.138l4.492-17.965h103.94l5.132%2017.965z%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%20256%20256%22%3E%3Cpath%20fill%3D%22%23ffc600%22%20d%3D%22M81.484%20119.338v-17.965H256V0H0v137.303h182.216v17.965H0V256h256V118.697H81.484zm48.762-93.032c7.057%200%2012.832%205.774%2012.832%2012.832c0%207.057-5.775%2012.832-12.832%2012.832s-12.832-5.775-12.832-12.832c.641-7.058%206.416-12.832%2012.832-12.832M75.709%2065.444h113.564l-5.133%2017.965H80.842zm54.537%20164.25c-7.058%200-12.832-5.774-12.832-12.832c0-7.057%205.774-12.832%2012.832-12.832c7.057%200%2012.832%205.775%2012.832%2012.832s-5.775%2012.832-12.832%2012.832m-54.537-39.138l4.492-17.965h103.94l5.132%2017.965z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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