Sketch icon
Download the Sketch logo as free SVG or PNG. Compare outline and filled styles. Copy React, Vue or Svelte code.
- sketch
- design
- ui
- vector
- editor
- mac
- prototyping
- logo
- brand
- social
Style
Size
Stroke
Filled icons have no stroke
Color
- Category
- brand
- Styles
- Outline, filled
- Component
- IconBrandSketch
- License
- MIT · Paweł Kuna
outline/brand-sketch.svg
filled/brand-sketch.svgCode
Copy it the way you use it
brand-sketch.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M3.262 10.878l8 8.789c.4 .44 1.091 .44 1.491 0l8 -8.79c.313 -.344 .349 -.859 .087 -1.243l-3.537 -5.194a1 1 0 0 0 -.823 -.436h-8.926a1 1 0 0 0 -.823 .436l-3.54 5.192c-.263 .385 -.227 .901 .087 1.246l-.016 0" />
</svg>Use the Sketch icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconBrandSketch } from '@tabler/icons-react';
<IconBrandSketch size={24} stroke={2} />Vue example
import { IconBrandSketch } from '@tabler/icons-vue';
<IconBrandSketch :size="24" :stroke="2" />Svelte 5 example
import { IconBrandSketch } from '@tabler/icons-svelte-runes';
<IconBrandSketch size={24} stroke={2} />Related