Packs d'interface

Sketch Icônes de menu — set 32px au trait

57 icônes de menu cahier encré monochromes au trait sur une grille de 32×32, dont lecture, pause, réglages et 54 autres. Planche et fichiers séparés.

  • ui
  • svg
  • png transparent
  • icônes
  • 32px
  • menu
  • trait
  • dessiné à la main
  • croquis
  • cahier
  • interface claire
57 icônes de menu de jeu au trait sur des tuiles cahier encré, montrées en grand, disposées sur une planche, puis à nouveau à la taille réelle de 32 pixels
aperçu 1600×1344la transparence est montrée en damier

À propos de ce pack

Icônes sur une grille de 32px avec un trait de 2.5px, dessinées avec la même ligne agitée que les panneaux. La grille plus grande n'est pas de la décoration : un contour tremblant sur une icône de 16px se lit comme une erreur de rendu, et il lui faut de la place avant de se lire comme une main.

Les 57 icônes reposent sur une grille stricte de 32×32 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.

Tout est monochrome. Il y a une seule valeur dans chaque fichier, ce qui veut dire que recolorer le set entier tient en un rechercher-remplacer, ou en une teinte sur le matériau si vous utilisez les PNG. Rien n'est cuit dans l'image — pas d'ombres, pas de dégradés, pas de biseaux — parce qu'une icône qui porte son propre éclairage cesse de s'accorder à votre interface dès l'instant où votre interface change.

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 1824×32 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 × 32. 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 ZIP356 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/4xZIP356 kB Obtenir →
Planche d'icônes, SVG modifiableSVG14 kB Obtenir →

Comment l'utiliser

  1. Sur la planche, l’icône N occupe le rectangle x = N × 32, y = 0, largeur 32, hauteur 32 — 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 l'unique valeur de remplissage ou de trait dans le SVG, ou appliquez une teinte au PNG dans votre matériau d'interface — toutes les formes d'un fichier utilisent une seule valeur.
  4. Pour les cibles tactiles, gardez l'icône de 32 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 Attribution 4.0 — Gratuit pour un usage commercial. Attribution obligatoire. Conditions complètes · Ce que cela veut dire en pratique

Ligne de crédit à copier
"Sketch Icônes de menu — set 32px au trait" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sketch-menu-icons-32