Pixel Art Tag Generator

Using Your Pixel Art Tags:

• Copy or save your generated tag as a PNG image
• Java: Place image in resource pack's textures folder, reference in font JSON file, use unicode in-game
• Bedrock: Place in font folder glyph file, use unicode based on image position
• Use unicode converter tool for character codes
• Can be used in LuckPerms roles (Java plugin) with assigned unicodes

Best Practices:

• Keep text short for better readability at small sizes
• Use high contrast between text and background colors
• Test your tags in-game at different GUI scales
• Consider using shadows for better text visibility on complex backgrounds

About the Pixel Fonts:

This tool offers 5 pixel font families (each with a bold weight). Mono, Mono Square, Medium and Compact are original pixel fonts, each glyph was designed manually at pixel level. Due to the simple geometric nature of pixel letterforms, these basic letter patterns are not subject to copyright protection. The fifth, Minecraft (5x7), is a taller, game-accurate recreation of the Minecraft typeface (see the legal note below).

Available Font Types:

• Mono (5x5): Standard monospace font, best readability
• Mono Square (5x5): Bolder, blockier variant of Mono with square corners instead of rounded ones
• Medium (4x5): Slightly narrower, good balance of size and clarity
• Compact (3x5): Smallest option, ideal for longer text or tight spaces
• Minecraft (5x7): Taller, game-accurate recreation of the classic Minecraft font, with proportional letter widths and authentic spacing
• Bold toggle: Switch any family to a heavier weight with thickened vertical strokes for extra impact

Language Support:

• Latin (A–Z): Full English alphabet, numbers, and common symbols
• Cyrillic (А–Я): Russian alphabet plus extensions for Ukrainian (Є І Ї Ґ), Belarusian (Ў), Serbian (Ђ Ј Љ Њ Ћ Џ), and Bulgarian
• Greek (Α–Ω): Full 24-letter Greek alphabet plus modern monotonic accented capitals (Ά Έ Ή Ί Ό Ύ Ώ Ϊ Ϋ)
• Japanese Katakana (ア–ン): Full 46-character katakana set
• Western European: French (À Â Ç É È Ê Ë Î Ï Ô Ù Û Ÿ Œ Æ), Spanish/Portuguese/Italian (Á Í Ó Ú Ý Ñ Ã Õ Ò Ì ¿ ¡), German (Ü, ß→SS), Dutch (IJ), Catalan
• Nordic: Swedish/Finnish/Norwegian/Danish (Å Ä Ö Ø Æ), Icelandic (Þ Ð), Estonian
• Slavic (Latin): Czech (Č Ď Ě Ň Ř Š Ť Ů Ž), Slovak (Ĺ Ľ Ŕ), Polish (Ą Ć Ę Ł Ń Ó Ś Ź Ż), Slovenian/Croatian (Č Š Ž Đ), Hungarian (Á É Í Ó Ö Ő Ú Ü Ű), Romanian (Ă Â Î Ș Ț)
• Baltic: Latvian (Ā Č Ē Ģ Ī Ķ Ļ Ņ Š Ū Ž), Lithuanian (Ą Č Ę Ė Į Š Ų Ū Ž), Estonian (Š Ž Õ Ä Ö Ü)
• Punctuation & symbols: ¿ ¡ „ “ ” ‚ ‘ ’ « » ‹ › – — … © ® ™ ° №
• Currency: € £ ¥ ₽ ₴ ₪

Technical Details:

• Style: Bitmap pixel fonts (Mono, Medium and Compact are monospaced; the Minecraft family uses proportional letter widths)
• Usage: Programmatically generated images only
• Compatibility: Perfect for pixel art projects and retro interfaces

Legal Note: The Mono, Mono Square, Medium and Compact fonts are original hand-crafted designs. Due to the simple geometric nature of pixel letterforms, these patterns are not subject to copyright protection. The Minecraft (5x7) family is a fan-made pixel recreation of the Minecraft typeface, "Minecraft" is a trademark of Mojang Studios / Microsoft, and this tool is not affiliated with, endorsed by, or sponsored by them. We use all of these patterns solely for generating images and do not distribute font files.

Text Features:

• 5 Font Families: Mono (5x5), Mono Square (5x5), Medium (4x5), Compact (3x5), and Minecraft (5x7) pixel fonts, each with an optional bold weight
• Multi-line Text: Press Enter in the text field to add a new line. Each line renders independently with 1px spacing between lines, and the background expands to fit.
• Text Alignment: Align text center (default), left, or right. Alignment is applied per line, so multi-line tags can be flush-left, flush-right, or centered.
• Gradient Colors: Add multiple colors with per-color transparency and draggable gradient stop positions for precise control
• Hard Colors Mode: Sharp color transitions instead of smooth gradient interpolation
• Direction Control: Horizontal, vertical, 45° diagonal, -45° diagonal, and radial (center out) gradients
• Text Shadow: 5 shadow positions (right, below, below-right, above, left) with custom color and transparency
• Text Outline: Adjustable outline thickness (0-5 pixels) with custom color and transparency, plus per-side asymmetric thickness (top/right/bottom/left) for banner-style effects
• Character Support: Latin (A–Z), Cyrillic (А–Я + Ukrainian/Belarusian/Serbian/Bulgarian extensions), Greek (Α–Ω + monotonic accents), Japanese Katakana (ア–ン), full Western European (French, Spanish, Portuguese, Italian, German, Dutch, Catalan), Nordic (Swedish, Norwegian, Danish, Finnish, Icelandic), Slavic Latin (Czech, Slovak, Polish, Slovenian, Croatian, Hungarian, Romanian), Baltic (Latvian, Lithuanian, Estonian), punctuation (¿ ¡ „ " " « » – — …), currency (€ £ ¥ ₽ ₴ ₪), and symbols (© ® ™ ° №)

Background Options:

• Gradient Backgrounds: Multiple colors with per-color transparency, draggable gradient stops, and hard color mode
• Background Shadow: 5 shadow positions with custom color and transparency, plus a "match background" mode for color-matched darker shadows
• Padding Control: Symmetric (horizontal/vertical) or asymmetric (top/right/bottom/left) padding, 0-10 pixels per side
• Rounded Corners: Pixel-perfect rounded corners (0-10 pixels), with optional per-corner asymmetric mode (top-left/top-right/bottom-left/bottom-right) for unique tag shapes
• Background Outline: Adjustable thickness (0-5 pixels) with custom color and transparency, with optional per-side asymmetric thickness (top/right/bottom/left)
• Background Emboss: A bevel effect applied to the background edge, giving a raised or inset look. Auto mode derives highlight (top/left) and shadow (bottom/right) colors directly from the background, so it always fits. Enabling Custom colors exposes per-side color pickers (top, right, bottom, left) with individual transparency sliders, and a corner color transition option that blends adjacent side colors at corners instead of cutting sharply.

Icon Features:

• Upload Custom Icons: Drag and drop or click to upload pixel art icons in any resolution, multiple files at once
• Flexible Positioning: Place icons before, after, above, or below text
• Pixel-Perfect Nudging: Arrow buttons to adjust icon position pixel-by-pixel with a reset button
• Icon Shadows: Per-icon shadow toggle, fully independent of text shadow. When the text shadow is enabled, the icon checkbox auto-ticks so the icon inherits the same direction/color/opacity. You can uncheck any icon to opt out, or enable an icon's shadow even when text shadow is off (uses the saved direction).
• Icon Outline: Per-icon outline toggle that mirrors the shadow behavior - auto-ticks when text outline turns on, can be enabled/disabled per-icon at any time, and inherits text outline thickness, color, and opacity.
• Standalone Icon Islands: Optional toggle that carves the background into separate islands (icon island + main island) with transparent gaps between them, controlled by the Icon Spacing value. Each island is treated as a standalone shape - its own rounded corners, its own outline, all four perimeter sides drawn.
• Compact Icon Padding: Optional toggle (paired with Standalone Icon Islands) that uses 1px padding around the icon island instead of inheriting the bigger background padding - gives icons a tight "badge" look while the main island keeps its breathing room.
• Render Order: Toggle icons to render in front of or behind text for layering control
• Icon Transparency: Per-icon transparency slider (0-100%)
• Icon Spacing: Adjust space between icons and text (-10 to 10 pixels, supports negative values for overlapping effects)
• Layer Management: Reorder icons to control stacking order

Preview & Export:

• Live Preview: Real-time canvas preview with pinnable mode that stays visible while scrolling
• Copy to Clipboard: One-click copy as PNG image
• Save as PNG: Download with automatic naming ([text]-tag-[timestamp].png)