Packs d'interface

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

57 icônes de menu sable chaud bicolores sur une grille de 16×16, dont lecture, pause, réglages et 54 autres. Planche et fichiers séparés.

  • ui
  • svg
  • png transparent
  • icônes
  • 16px
  • menu
  • bichromie
  • voxel
  • interface claire
  • construction
  • bac à sable
57 icônes de menu de jeu bicolores sur des tuiles sable chaud, montrées en grand, disposées sur une planche, puis à nouveau à la taille réelle de 16 pixels
aperçu 1600×1248la 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 57 icônes reposent sur une grille stricte de 16×16 avec une épaisseur de trait uniforme de 2.5 px et partagent le même poids optique, si bien qu’une rangée se lit comme un ensemble et non comme 57 dessins de même taille par hasard. L’ensemble couvre lecture, pause, réglages, inventaire, carte, son, fermer, valider, santé, monnaie, défense, butin, accueil, retour, suivant, haut, bas, menu, recherche, filtre, actualiser, plein écran, ajouter, retirer, verrouillé, déverrouillé, voir, supprimer, info, alerte, étoile, trophée, temps, enregistrer, télécharger, envoyer, arme, potion, gemme, clé, coffre, quête, danger, feu, énergie, mana, armure, vitesse, compétences, cible, musique, profil, groupe, discussion, courrier, boutique et récompense.

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.

L’ensemble est livré de trois façons. Les SVG séparés sont le bon choix si votre moteur rasterise les vecteurs ou si vous comptez les modifier. La planche de 912×16 aligne les 57 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 nets.

Téléchargement

Lien direct · sans inscription · sans page d'attente
Télécharger ZIP185 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/4xZIP185 kB Obtenir →
Planche d'icônes, SVG modifiableSVG15 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, réglages, inventaire, carte, son, fermer, valider, santé, monnaie, défense, butin, accueil, retour, suivant, haut, bas, menu, recherche, filtre, actualiser, plein écran, ajouter, retirer, verrouillé, déverrouillé, voir, supprimer, info, alerte, étoile, trophée, temps, enregistrer, télécharger, envoyer, arme, potion, gemme, clé, coffre, quête, danger, feu, énergie, mana, armure, vitesse, compétences, cible, musique, profil, groupe, discussion, courrier, boutique, récompense.
  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