Packs d'interface

Charcoal Icônes de menu — set 24px en bichromie

Six icônes de menu en bichromie craie sur ardoise sur une grille 24×24 : lecture, pause, paramètres, carte, son et fermer. Planche et fichiers séparés.

  • ui
  • svg
  • png transparent
  • icônes
  • 24px
  • menu
  • bichromie
  • dessiné à la main
  • interface sombre
  • horreur
  • mystère
Six icônes de menu en bichromie sur des tuiles craie sur ardoise, montrées en grand, disposées sur une planche, puis de nouveau à leur taille réelle de 24 pixels
aperçu 1600×656la transparence est montrée en damier

À propos de ce pack

Icônes en bichromie sur une grille de 24px — un corps pâle avec l'accent qui détoure un détail. La famille sœur utilise des traits d'épaisseur unique à 32px ; ici la grille plus petite et le second ton font le même travail de séparer une icône d'un fond sombre et chargé.

Les six icônes reposent sur une grille stricte de 24×24 avec un trait d'épaisseur uniforme de 3 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, carte, son et fermer.

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 144×24 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 × 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 ZIP27 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/4xZIP27 kB Obtenir →
Planche d'icônes, SVG modifiableSVG1.7 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, carte, son, fermer.
  2. Gardez les icônes sur des pixels entiers en 1x, 2x ou 4x ; rendre un trait de 3 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 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
"Charcoal Icônes de menu — set 24px en bichromie" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/charcoal-menu-icons-24