Stickies color icons
streamline-stickies-color · 200 icônes · par Streamline · CC-BY-4.0 · multicolore · Mis à jour le
Stickies color icons est une collection d'icônes gratuite et open source de 200 icônes SVG par Streamline, publiée sous la licence CC BY 4.0. Les icônes sont multicolores : elles conservent leurs couleurs à toutes les tailles.
Spécifications de design de Stickies color icons
- contour
- multicolore
- anguleux
Les règles de dessin de cette collection, mesurées à partir de ses fichiers SVG. Servez-vous-en pour dessiner de nouvelles icônes assorties.
| Canevas | 40 × 40 · 89 % des icônes |
|---|---|
| viewBox | 0 0 40 40 |
| Zone de dessin | Tout le canevas, sans marge |
| Style de dessin | Contour (traits) |
| Épaisseur du trait | 1 |
| Extrémités des traits | Plat |
| Jointures des traits | Pointu |
| Rayon des coins | 0.75 |
| Couleurs | Environ 3 couleurs par icône |
| Coordonnées | Jusqu'à 3 décimales |
| Lignes droites | 53 % horizontales ou verticales, 8 % à 45° |
| Courbes | 94 % des commandes de dessin |
| Symétrie | 8 % des icônes sont symétriques gauche-droite |
| Éléments par icône | 6.4 |
| Commandes de dessin par icône | 63 |
Mesuré sur 63 icônes de cette collection.
Génération d'icônes par IA
La licence autorise de nouvelles icônes dérivées de cette collection.
- Créditez les auteurs d'origine.
Mention de crédit : Based on Stickies color icons by Streamline, licensed under CC BY 4.0. https://creativecommons.org/licenses/by/4.0/
Guide de style pour un prompt de LLM (en anglais)
Collez-le dans un prompt avec quelques icônes de cette collection, puis nommez l'icône voulue.
You draw new icons for the "Stickies color icons" icon set (Iconify prefix "streamline-stickies-color") by Streamline.
Style: outline, line, multicolor, sharp.
Canvas
- Root: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">.
- Draw edge to edge: icons use the full canvas with no padding.
- A typical icon's bounding box covers 96% of the canvas.
Drawing
- Outline icons: draw with strokes only and fill="none"; solid shapes are the exception.
- stroke-width="1".
- stroke-linecap="butt", stroke-linejoin="miter".
- Wrap the shapes in <g fill="none">, as 56% of the set does.
- Round corners with a radius of about 0.75.
Geometry
- Coordinates are free-form; write at most 3 decimals.
- Straight lines: 53% horizontal or vertical, 8% at 45 degrees.
- About 94% of drawing commands are curves or arcs.
- Keep it simple: about 6 elements and 63 drawing commands per icon.
- Elements used by the set: g, path, clippath, defs.
- 29% of icons cut or clip shapes with <mask> or <clipPath>.
Color
- Multicolor, about 3 colors per icon. Use this palette: #ffffff, #231f20, #00034a, #9bff00, #ff52a1, #ffe236, #48eeff.
Output
- Reply with one complete <svg> element and nothing else: no comments, <title>, ids or scripts.
- Match the examples: reuse their shapes for shared parts (arrow heads, people, documents, badges).
À propos de Stickies color icons
La collection est organisée en 16 catégories, dont interface essentielle (24), école et sciences (24), écologie et nature (16) et internet et sites web (16).
Parmi les Stickies color icons les plus populaires : mail, love, validation 1, help, graph pie et cursor.
Ouvrez une icône pour la copier en SVG, JSX, Vue, Svelte, Solid, Astro ou CSS, ou téléchargez-la en SVG ou PNG. Les Stickies color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Stickies color icons par catégorie
Icônes Interface essentielle (24)
Icônes École et sciences (24)
Icônes Écologie et nature (16)
Icônes Internet et sites web (16)
Icônes Audio et vidéo (12)
Icônes Entreprise et argent (12)
Icônes Culture et fêtes (12)
Icônes E-mail et téléphone (12)
Icônes Achats et expédition (12)
Icônes Transport et monuments (12)
Icônes Cartes et signalétique (10)
Icônes Technologie et informatique (10)
Utiliser Stickies color icons
Toutes les icônes de cette page fonctionnent avec n'importe quel framework. Les exemples utilisent streamline-stickies-color:mail ; ouvrez une icône pour copier son code exact en SVG, JSX, Vue, Svelte, Solid, Astro ou CSS. Pour des conseils de taille, de couleur et d'accessibilité, lisez comment utiliser des icônes SVG.
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:mail" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:mail" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:mail" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--mail]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:mail"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:mail"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/mail.svg" alt="Icône Mail" width="24" height="24">FAQ : Stickies color icons
Les Stickies color icons sont-elles gratuites pour un usage commercial ?
Oui. Les Stickies color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Combien d'icônes contient Stickies color icons ?
Stickies color icons contient 200 icônes réparties dans 16 catégories.
Quelle est la licence des Stickies color icons ?
Les Stickies color icons sont distribuées sous CC BY 4.0. Le texte complet de la licence est disponible sur https://creativecommons.org/licenses/by/4.0/.
Qui a créé les Stickies color icons ?
Les Stickies color icons sont créées par Streamline.
Comment utiliser Stickies color icons dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-stickies-color:mail" />, ou ouvrez une icône de cette page et copiez-la comme composant React autonome.