Packs d'interface

Sandbox Icônes de menu — set 16px en bichromie

Six icônes de menu en bichromie sable chaud sur une grille 16×16 : lecture, pause, paramètres, inventaire, carte et valider. Planche et fichiers séparés.

  • ui
  • svg
  • png transparent
  • icônes
  • 16px
  • menu
  • bichromie
  • voxel
  • interface claire
  • construction
  • bac à sable
Six icônes de menu en bichromie sur des tuiles sable chaud, montrées en grand, disposées sur une planche, puis de nouveau à leur taille réelle de 16 pixels
aperçu 1600×635la transparence est montrée en damier

À propos de ce pack

Icônes en bichromie sur une grille de 16px — les plus petites d'ici, parce qu'une barre d'outils de bac à sable en tient vingt à la fois. Le second ton fait le travail d'un contour, et un contour à 16px sur un fond pâle se refermerait.

Les six icônes reposent sur une grille stricte de 16×16 avec un trait d'épaisseur uniforme de 2.5 px, et elles partagent le même poids optique : une rangée ressemble à un ensemble et non à six dessins qui font par hasard la même taille. Le set couvre lecture, pause, paramètres, inventaire, carte et valider.

Chaque icône porte exactement deux valeurs : une couleur de corps et un détail d'accent détouré à l'intérieur. C'est toute la palette — pas d'ombres, pas de dégradés, pas de biseaux — recolorer le set tient donc en deux rechercher-remplacer, et l'accent reste disponible pour ce que votre interface en fait ailleurs.

Le set est livré de trois façons. Les SVG individuels sont ceux à utiliser si votre moteur rastérise les vecteurs ou si vous comptez les modifier. La planche de 96×16 dispose les six sur la même grille pour les moteurs qui préfèrent une texture et un décalage rectangulaire — la cellule N commence à x = N × 16. Les exports PNG couvrent 1x, 2x et 4x avec des bords transparents propres.

Téléchargement

Lien direct · sans inscription · sans page d'attente
Télécharger ZIP21 kB

Ensemble complet — SVG individuels, planche, exports PNG en 1x/2x/4x

Fichiers inclus dans ce pack
FichierFormatPoidsTéléchargement
Ensemble complet — SVG individuels, planche, exports PNG en 1x/2x/4xZIP21 kB Obtenir →
Planche d'icônes, SVG modifiableSVG1.8 kB Obtenir →

Comment l'utiliser

  1. Sur la planche, l'icône N occupe le rectangle x = N × 16, y = 0, largeur 16, hauteur 16 — dans cet ordre : lecture, pause, paramètres, inventaire, carte, valider.
  2. Gardez les icônes sur des pixels entiers en 1x, 2x ou 4x ; rendre un trait de 2.5 px à une échelle fractionnaire, c'est exactement ce qui transforme une icône nette en tache grise.
  3. Pour recolorer, changez les deux valeurs du SVG : la couleur du corps et le détail d'accent. Une teinte plate sur le PNG fondra les deux en une seule couleur, recolorez donc au niveau du SVG si vous tenez à garder la lecture en bichromie.
  4. Pour les cibles tactiles, gardez l'icône de 16 px et agrandissez le bouton derrière plutôt que de mettre l'icône à l'échelle ; l'épaisseur du trait est réglée pour cette taille.

Licence

Creative Commons Zero 1.0 — Domaine public. Aucune attribution. Conditions complètes · Ce que cela veut dire en pratique