Packs d'interface

Inkwell Icônes de menu — set 24px plein

57 icônes de menu bande dessinée encrée monochromes pleins sur une grille de 24×24, dont lecture, pause, réglages et 54 autres. Planche et fichiers séparés.

  • ui
  • svg
  • png transparent
  • icônes
  • 24px
  • menu
  • plein
  • bande dessinée
  • cartoon
  • épais
  • interface claire
57 icônes de menu de jeu pleins sur des tuiles bande dessinée encrée, montrées en grand, disposées sur une planche, puis à nouveau à la taille réelle de 24 pixels
aperçu 1600×1269la transparence est montrée en damier

À propos de ce pack

Silhouettes pleines plutôt que contours, parce qu'une icône au trait à l'intérieur d'un bouton au trait vous laisse deux épaisseurs de ligne en concurrence dans un carré de 24 pixels. Les formes pleines gardent le budget d'encre sur le cadre, là où il a sa place.

Les 57 icônes reposent sur une grille stricte de 24×24 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 1368×24 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 × 24. 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 ZIP220 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/4xZIP220 kB Obtenir →
Planche d'icônes, SVG modifiableSVG11 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, 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 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
"Inkwell Icônes de menu — set 24px plein" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/inkwell-menu-icons-24