Packs d'interface

Byte Icônes de menu — set 24px au trait

Sept icônes de menu monochromes au trait en pixel lumineux sur 24×24 : lecture, pause, paramètres, inventaire, carte, valider et fermer. Planche et fichiers.

  • ui
  • svg
  • png transparent
  • icônes
  • 24px
  • menu
  • trait
  • pixel art
  • interface claire
  • puzzle
  • gestion
Sept icônes de menu au trait sur des tuiles pixel lumineux, montrées en grand, disposées sur une planche, puis de nouveau à leur taille réelle de 24 pixels
aperçu 1600×891la transparence est montrée en damier

À propos de ce pack

Une grille de 24px plutôt que les 16px de la famille sœur. À 16px une icône au trait sur fond clair perd son contour dans le fond ; 24 donne au fût assez de poids pour tenir sa forme sans devenir une tache pleine.

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

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.

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 168×24 dispose les sept 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 × 24. 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 ZIP25 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/4xZIP25 kB Obtenir →
Planche d'icônes, SVG modifiableSVG1.5 kB Obtenir →

Comment l'utiliser

  1. Sur la planche, l'icône N occupe le rectangle x = N × 24, y = 0, largeur 24, hauteur 24 — dans cet ordre : lecture, pause, paramètres, inventaire, carte, valider, fermer.
  2. Gardez les icônes sur des pixels entiers en 1x, 2x ou 4x ; rendre un trait de 2 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 24 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
"Byte Icônes de menu — set 24px au trait" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-menu-icons-24