sketchapp logo

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

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

Use the sketchapp logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128" fill="#000"/><path d="M188.718 69.333l-29.842-13.128H97.003l-29.66 13.372l-24.676 27.41L128 210.463l85.333-113.474l-24.615-27.655zm17.504 28.39l-26.986 20.194l-19.19-28.755l27.152-12.778l19.024 21.34zm-36.893 23.272H85.09l16.766-29.781l50.212.121l17.261 29.66zm-66.8-60.346h51.401l25.306 11.16l-25.414 11.07h-51.4L77.263 71.818l25.267-11.17zM68.745 76.384l25.463 12.763l-18.234 28.202L49.72 97.723l19.024-21.34zm-9.24 36.207l16.59 13.989l39.472 64.956l-56.063-78.945zm27.886 17.643h79.985L128 202.804l-40.61-72.57zm52.986 61.302l39.472-64.956l16.59-13.989l-56.062 78.945z" fill="#36CEF9"/></svg>

React

import type { SVGProps } from "react";

export function LogosSketchapp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128" fill="#000"/><path d="M188.718 69.333l-29.842-13.128H97.003l-29.66 13.372l-24.676 27.41L128 210.463l85.333-113.474l-24.615-27.655zm17.504 28.39l-26.986 20.194l-19.19-28.755l27.152-12.778l19.024 21.34zm-36.893 23.272H85.09l16.766-29.781l50.212.121l17.261 29.66zm-66.8-60.346h51.401l25.306 11.16l-25.414 11.07h-51.4L77.263 71.818l25.267-11.17zM68.745 76.384l25.463 12.763l-18.234 28.202L49.72 97.723l19.024-21.34zm-9.24 36.207l16.59 13.989l39.472 64.956l-56.063-78.945zm27.886 17.643h79.985L128 202.804l-40.61-72.57zm52.986 61.302l39.472-64.956l16.59-13.989l-56.062 78.945z" fill="#36CEF9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128" fill="#000"/><path d="M188.718 69.333l-29.842-13.128H97.003l-29.66 13.372l-24.676 27.41L128 210.463l85.333-113.474l-24.615-27.655zm17.504 28.39l-26.986 20.194l-19.19-28.755l27.152-12.778l19.024 21.34zm-36.893 23.272H85.09l16.766-29.781l50.212.121l17.261 29.66zm-66.8-60.346h51.401l25.306 11.16l-25.414 11.07h-51.4L77.263 71.818l25.267-11.17zM68.745 76.384l25.463 12.763l-18.234 28.202L49.72 97.723l19.024-21.34zm-9.24 36.207l16.59 13.989l39.472 64.956l-56.063-78.945zm27.886 17.643h79.985L128 202.804l-40.61-72.57zm52.986 61.302l39.472-64.956l16.59-13.989l-56.062 78.945z" fill="#36CEF9"/></svg>
</template>

CSS

.icon-sketchapp {
  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%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M188.718%2069.333l-29.842-13.128H97.003l-29.66%2013.372l-24.676%2027.41L128%20210.463l85.333-113.474l-24.615-27.655zm17.504%2028.39l-26.986%2020.194l-19.19-28.755l27.152-12.778l19.024%2021.34zm-36.893%2023.272H85.09l16.766-29.781l50.212.121l17.261%2029.66zm-66.8-60.346h51.401l25.306%2011.16l-25.414%2011.07h-51.4L77.263%2071.818l25.267-11.17zM68.745%2076.384l25.463%2012.763l-18.234%2028.202L49.72%2097.723l19.024-21.34zm-9.24%2036.207l16.59%2013.989l39.472%2064.956l-56.063-78.945zm27.886%2017.643h79.985L128%20202.804l-40.61-72.57zm52.986%2061.302l39.472-64.956l16.59-13.989l-56.062%2078.945z%22%20fill%3D%22%2336CEF9%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%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M188.718%2069.333l-29.842-13.128H97.003l-29.66%2013.372l-24.676%2027.41L128%20210.463l85.333-113.474l-24.615-27.655zm17.504%2028.39l-26.986%2020.194l-19.19-28.755l27.152-12.778l19.024%2021.34zm-36.893%2023.272H85.09l16.766-29.781l50.212.121l17.261%2029.66zm-66.8-60.346h51.401l25.306%2011.16l-25.414%2011.07h-51.4L77.263%2071.818l25.267-11.17zM68.745%2076.384l25.463%2012.763l-18.234%2028.202L49.72%2097.723l19.024-21.34zm-9.24%2036.207l16.59%2013.989l39.472%2064.956l-56.063-78.945zm27.886%2017.643h79.985L128%20202.804l-40.61-72.57zm52.986%2061.302l39.472-64.956l16.59-13.989l-56.062%2078.945z%22%20fill%3D%22%2336CEF9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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