Emblems

Sketch Emblems

12 hand-drawn crests, insignia and rank marks for light interfaces — off-white paper with ink blue accents. SVG plus transparent PNG at 1x, 2x and 4x.

  • ui
  • svg
  • transparent png
  • emblem
  • crest
  • insignia
  • faction
  • guild
  • logo
  • handdrawn
  • hand-drawn
  • hand drawn
  • sketch
  • notebook
  • light ui
Sheet showing 12 hand-drawn crests, insignia and rank marks from the Sketch family, arranged on a transparency checkerboard with their pixel sizes printed underneath
1600×2232 previewtransparency shown as checkerboard

About this pack

Sketch Emblems is a set of 12 crests, insignia and rank marks drawn in the hand-drawn style, where every edge is sampled and nudged, so no line is truly straight. It contains a shield crest, a round seal, a lozenge crest, a hanging banner, an open wreath ring, a winged mount, an abstract sigil, three countable rank insignia, a star medal and a service ribbon.

A faction emblem has to belong to the game it is in, which is exactly what a finished emblem cannot do: put a wolf head on a guild crest and the crest belongs to that artist rather than to the player. Most of this set is therefore a carrier rather than a finished mark — the shield, the seal, the lozenge, the banner and the winged mount all ship with an empty field sized for an icon you already have.

The wobble is deterministic rather than random: the same box wobbles the same way every build, which is what lets it live in version control. Shading is cross-hatching, because a gradient under a drawn line reads as a filter rather than as a hand.

Inside that style this is the Sketch reading of it: a light interface on a off-white paper palette with ink blue accents, built around two concentric frames, square-cornered buttons at 132x46, banded bars divided into 10 segments, and outlined icons on a 32px grid. Those measurements are why two families can share an art style without being interchangeable: the style decides how an edge is drawn, the numbers decide what the interface is for.

Rank is countable rather than coloured: one, two and three chevrons, so the tier survives a greyscale screenshot and does not collide with the faction colour the emblem is tinted with. No letters are drawn anywhere in the set — embedding a font is a licensing problem and a baked-in initial is wrong for every studio but one, so the carriers give you the frame and your engine prints the mark. The wreath is deliberately open at the top: a closed ring is a seal, and the gap is what makes it read as a wreath at thumbnail size.

Every sprite ships as an editable SVG and as transparent PNG at 1x, 2x and 4x, so you can drop the PNGs straight into an engine or open the vector and change a colour. Built to the same measurements as the rest of the Sketch family, which means this kit and the Sketch panel kit line up without either being resized. A good fit for notebook and storybook games.

Download

Direct link · no sign-up · no wait page
Download ZIP322 kB

Complete set — SVG sources, PNG exports at 1x/2x/4x, licence and readme

Files included in this pack
FileFormatSizeDownload
Complete set — SVG sources, PNG exports at 1x/2x/4x, licence and readmeZIP322 kB Get →
Shield crest, hand-drawn, editable SVGSVG493 B Get →

How to use it

  1. Drop your own icon into the empty field of a carrier at roughly 60% of the field width; the fields are drawn with that margin so a mark does not touch the inner border.
  2. Tint a whole emblem by changing the two body values in the SVG rather than the accent — the accent carries the field border and the rank chevrons, and flattening it removes the structural tier signal.
  3. Use the rank marks by count, not by colour: stack one, two or three chevrons for the tier. They are separate files at the same bounds, so a promotion is a texture swap with no layout change.
  4. For a faction picker, the round seal and the lozenge share a bounding box, so two factions can use different carriers in the same grid cell without any per-faction layout.

License

Creative Commons Attribution 4.0 — Free for commercial use. Credit required. Full terms · What this means in practice

Copy-paste credit line
"Sketch Emblems" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/emblems/sketch-emblems