Aperçu 1 sur 4
Pack d'icônes santé et bien-être (48 icônes ligne)
48 icônes ligne santé et bien-être en SVG et PNG, pour vos interfaces de prise de rendez-vous, de pharmacie, de mutuelle ou de sport. Licence commerciale.
Vue d'ensemble
Description
Ce pack réunit 48 pictogrammes en style ligne sur la santé et le bien-être, en SVG et en PNG, sous licence commerciale. Il s’adresse aux designers et aux développeurs qui préparent une appli de prise de rendez-vous, le site d’un cabinet ou d’une pharmacie, l’espace adhérent d’une mutuelle, ou une appli de bien-être et de sport. Chaque icône porte un nom de fichier en anglais, explicite (appointment, blood-pressure, medication-reminder), que vous pouvez reprendre tel quel dans votre code. Toutes les icônes partagent le même trait, sans remplissage et avec des terminaisons arrondies, comme les autres packs d’icônes ligne de Beryl Design : elles se combinent sur un même écran sans retouche. Ce sont des pictogrammes d’interface : ils illustrent un parcours ou une rubrique, ils ne portent aucune information médicale.
Caractéristiques
| Icônes | 48 |
|---|---|
| Familles | 6 de 8 icônes : parcours de soins, soins, médicaments, mesures et analyses, corps, bien-être |
| Trait | uniforme, sans remplissage, terminaisons arrondies |
| Formats | SVG, PNG 24, 48 et 96 px, sprite SVG, page HTML de démonstration |
| Fichiers | 194 : SVG, PNG, sprite et page de démonstration |
| Licence | commerciale |
| Version | 1.0.0 du 11 novembre 2026 |
Contenu
- 48 icônes en style ligne, réparties en 6 familles de 8 :
- Parcours de soins (8) :
appointment(rendez-vous),telehealth(téléconsultation),waiting-room(salle d’attente),patient-record(dossier patient),health-card(carte de santé générique),hospital(établissement de santé),ambulance,emergency(urgence, gyrophare) ; - Soins (8) :
stethoscope(stéthoscope),syringe(seringue),bandage(pansement),first-aid-kit(trousse de secours),face-mask(masque),crutch(béquille, rééducation),prescription(ordonnance),iv-drip(perfusion) ; - Médicaments (8) :
capsule(gélule),pill-bottle(flacon de comprimés),blister-pack(plaquette de comprimés),dropper(pipette),ointment(tube de pommade),inhaler(inhalateur),mortar-pestle(mortier et pilon),medication-reminder(rappel de prise) ; - Mesures et analyses (8) :
heart-rate(pouls),blood-pressure(tension),blood-glucose(glycémie),digital-thermometer(thermomètre numérique),weight-scale(pèse-personne),blood-donation(don du sang),test-tube(éprouvette),microscope; - Corps (8) :
tooth(dent),lungs(poumons),bone(os),brain(cerveau),ear(oreille),glasses(lunettes, pour la vue),dna(ADN),virus; - Bien-être (8) :
meditation(méditation, posture du lotus),lotus(fleur de lotus),zen-stones(galets empilés),sleep(sommeil),hydration(verre d’eau),nutrition(pomme),steps(pas),fitness(haltère).
- Parcours de soins (8) :
- 48 fichiers SVG, un par icône.
- 144 fichiers PNG : chaque icône en 24, 48 et 96 px.
- 1 sprite SVG qui rassemble les 48 icônes sous forme de symboles.
- 1 page HTML de démonstration.
Quelques choix de dessin à connaître avant d’acheter : aucun emblème protégé n’est dessiné. Toutes les croix sont des « + » génériques au trait, sans caducée, et sans croix rouge ni verte. health-card est une carte générique, sans puce ni photo, qui ne reprend aucune carte réelle. waiting-room montre une personne assise sur une chaise. La vue passe par glasses plutôt que par un œil, et la kinésithérapie par crutch.
Organisation des fichiers :
svg/
png/24/
png/48/
png/96/
sprite/health-wellness-line-icons.svg
demo/index.html
Fabrication et IA
Les icônes ont été dessinées en SVG avec un assistant d’IA, puis relues et contrôlées une à une : vérification du trait et de la zone utile de chaque fichier, puis relecture de chaque icône sur planche, sur fond clair et sur fond sombre, avant la mise en vente. Le pack ne contient aucune image générée par IA.
Formats et compatibilité
- SVG : vecteurs sans remplissage dont le trait prend la couleur du texte (
currentColor). Vous changez la couleur avec la propriété CSScoloret l’épaisseur avec l’attributstroke-width, posé une seule fois sur la balise racine. Les fichiers s’ouvrent dans la plupart des outils de design et s’utilisent directement dans le code (HTML, composants). - PNG 24, 48 et 96 px : pictogrammes noirs sur fond transparent, pour une présentation, un document ou un logiciel qui n’importe pas le SVG.
- Sprite SVG : un fichier unique où chaque pictogramme est un
<symbol>portant le nom de son fichier, à appeler par<use href="#appointment"/>. - HTML : une page de démonstration autonome, sans script ni ressource externe, qui affiche les icônes par famille en 24, 48 ou 96 px et en plusieurs couleurs, y compris sur fond sombre.
Licence
L’achat donne droit à la licence commerciale : vous pouvez utiliser ces pictogrammes dans vos projets personnels et professionnels, y compris pour vos clients et dans les produits que vous vendez, mais pas revendre ni redistribuer les fichiers eux-mêmes, isolés ou dans un autre pack.
Pour aller plus loin
- Pour les gestes d’une interface sociale (réagir, commenter, partager, suivre), dans le même style : le pack d’interactions sociales.
- La méthode suivie pour dessiner des séries d’icônes cohérentes avec un assistant d’IA : produire des icônes cohérentes avec l’IA.
- Générer ses icônes ou utiliser un pack : l’IA générative face aux packs d’icônes.
Questions fréquentes
Puis-je les utiliser pour un cabinet, une pharmacie ou une mutuelle ?
Oui. La licence commerciale couvre le site ou l’appli d’un cabinet, d’une pharmacie, d’une mutuelle ou d’une salle de sport, y compris quand vous les réalisez pour un client. Elle interdit de revendre ou de redistribuer les fichiers. Ce sont des pictogrammes d’interface, sans valeur de signalétique officielle. Le détail de la licence figure sur la page licence.
Y a-t-il une icône pour le yoga ou la kinésithérapie ?
Le yoga est couvert par meditation, une silhouette assise en posture du lotus, et la rééducation par crutch, une béquille. Le pack ne contient pas de silhouette debout en posture de yoga.
Comment changer la couleur et l’épaisseur des icônes ?
En SVG, le trait suit la couleur du texte : la propriété CSS color suffit, et l’attribut stroke-width de la balise racine règle l’épaisseur. Les SVG s’agrandissent sans perte ; les PNG sont livrés en 24, 48 et 96 px.
Historique des versions
1.0.0 (11 novembre 2026) : première version.
