sketch logo

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

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

The same logo in other sets

sketch-outlinedAnt Design Icons sketchBoxicons Brands sketchCatppuccin Icons sketchCoreUI Brands sketchDevicon sketchFont Awesome Brands sketchcss.gg sketchHuge Icons sketchIconPark sketchIconPark Outline sketchIconPark Solid sketchIconPark TwoTone sketchLine Awesome sketchSVG Logos sketchMaterial Icon Theme sketchSimple Icons

Use the sketch logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M27.5 162.2L9 187.1h90.5l6.9-130.7zM396.3 45.7L267.7 32l135.7 147.2zM112.2 218.3l-11.2-22H9.9L234.8 458zm2-31.2h284l-81.5-88.5L256.3 33zm297.3 9.1L277.6 458l224.8-261.7h-90.9zM415.4 69L406 56.4l.9 17.3l6.1 113.4h90.3zM113.5 93.5l-4.6 85.6L244.7 32L116.1 45.7zm287.7 102.7h-290l42.4 82.9L256.3 480z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsSketch(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M27.5 162.2L9 187.1h90.5l6.9-130.7zM396.3 45.7L267.7 32l135.7 147.2zM112.2 218.3l-11.2-22H9.9L234.8 458zm2-31.2h284l-81.5-88.5L256.3 33zm297.3 9.1L277.6 458l224.8-261.7h-90.9zM415.4 69L406 56.4l.9 17.3l6.1 113.4h90.3zM113.5 93.5l-4.6 85.6L244.7 32L116.1 45.7zm287.7 102.7h-290l42.4 82.9L256.3 480z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M27.5 162.2L9 187.1h90.5l6.9-130.7zM396.3 45.7L267.7 32l135.7 147.2zM112.2 218.3l-11.2-22H9.9L234.8 458zm2-31.2h284l-81.5-88.5L256.3 33zm297.3 9.1L277.6 458l224.8-261.7h-90.9zM415.4 69L406 56.4l.9 17.3l6.1 113.4h90.3zM113.5 93.5l-4.6 85.6L244.7 32L116.1 45.7zm287.7 102.7h-290l42.4 82.9L256.3 480z"/></svg>
</template>

CSS

.icon-sketch {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.5%20162.2L9%20187.1h90.5l6.9-130.7zM396.3%2045.7L267.7%2032l135.7%20147.2zM112.2%20218.3l-11.2-22H9.9L234.8%20458zm2-31.2h284l-81.5-88.5L256.3%2033zm297.3%209.1L277.6%20458l224.8-261.7h-90.9zM415.4%2069L406%2056.4l.9%2017.3l6.1%20113.4h90.3zM113.5%2093.5l-4.6%2085.6L244.7%2032L116.1%2045.7zm287.7%20102.7h-290l42.4%2082.9L256.3%20480z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.5%20162.2L9%20187.1h90.5l6.9-130.7zM396.3%2045.7L267.7%2032l135.7%20147.2zM112.2%20218.3l-11.2-22H9.9L234.8%20458zm2-31.2h284l-81.5-88.5L256.3%2033zm297.3%209.1L277.6%20458l224.8-261.7h-90.9zM415.4%2069L406%2056.4l.9%2017.3l6.1%20113.4h90.3zM113.5%2093.5l-4.6%2085.6L244.7%2032L116.1%2045.7zm287.7%20102.7h-290l42.4%2082.9L256.3%20480z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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