--- title: "Flex Gradient Icons Set - 5772 customizable PNGs, SVGs, PDFs" product: "Streamline Icons, Illustrations and Elements" url: /icons/flex-gradient canonical_url: "https://www.streamlinehq.com/icons/flex-gradient" summary: "Flex's most expressive sub-style — full-spectrum multi-stop gradient fills on fluid organic silhouettes, creating a distinctive high-production marketing presence that geometric gradient sets cannot replicate. Flowing organic edges amplify the warm gradient stops in a way that flat geometric fills cannot. The tone signals expressive flow: \"we are expressive and flowing.\" Best for high-production landing pages, hero sections, and brand marketing at display sizes where flowing gradient silhouettes create visual distinction from geometric gradient equivalents." --- # Flex Gradient Icons Set - 5772 customizable PNGs, SVGs, PDFs Flex is all about the curves. Its smooth curves brings fluidity and dynamism to your designs with a modern appeal. The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Flex Gradient icons are designed on a 14px grid using filled shapes as gradient colors. 5772 icons ## Fit & Recommendation ### Primary use cases - High-production landing pages and feature banners - Hero sections where icons are focal points - Brand marketing at display sizes where flowing gradient silhouettes create distinction from geometric gradient sets --- ## Brand & Cultural Identity ### What it communicates > "We are expressive and flowing." --- ## Visual & Technical Specs ### Visual properties | Property | Value | |----------|-------| | Stroke weight | None | | Fill | Solid fills with full-spectrum multi-stop gradients | | Corner treatment | Fluid organic silhouettes | | Color | Full-spectrum gradients per icon | ### Emotional Scores Flex Gradient is one of the warmer sub-styles in the catalog — full-spectrum gradients with warm tones on organic silhouettes allow flowing shapes to amplify the warm gradient stops. It is one of the softer sub-styles in the catalog — gradient fills on organic silhouettes with flowing edges prevent the hardness of flat geometric fills. It is one of the friendlier sub-styles in the catalog — rainbow gradients in flowing shapes read as expressive and contemporary. It is one of the more playful sub-styles in the catalog in a refined way — gradient energy with organic forms reads as creative and modern, more refined than outright playful. On its human↔mechanical character, it is one of the most human-feeling sub-styles in the catalog — colour expressiveness combined with organic silhouettes reads as human creative expression. --- ## Pairing & Compatibility ### Typography pairing - **Primary**: Syne — flowing display geometric mirrors the expressive quality of gradient-filled organic silhouettes - **Alternative**: Plus Jakarta Sans Bold — humanist weight holding alongside the visual richness of gradient fills - **Body**: Outfit Regular or DM Sans - **Avoid**: Cold geometric grotesque; cartoon rounded display fonts ## Example icons - [3d Perspective Grid](https://assets.streamlinehq.com/image/private/w_34,h_34,ar_1/f_auto/v1/icons/flex-gradient/interface-essential/edit/3d-perspective-grid-55uc0u5fvyg8dz4qkst2r.png?_a=DATAiZiuZAA0) - [Apply To All](https://assets.streamlinehq.com/image/private/w_34,h_34,ar_1/f_auto/v1/icons/edit/apply-to-all-rftu54budzggs01p1r9odj.png/apply-to-all-fzq6iet11b58zazffw2c5f.png?_a=DATAiZiuZAA0) - [Attach File Add](https://assets.streamlinehq.com/image/private/w_34,h_34,ar_1/f_auto/v1/icons/edit/attach-file-add-7664a.png?_a=DATAiZiuZAA0) - [Attach File Off](https://assets.streamlinehq.com/image/private/w_34,h_34,ar_1/f_auto/v1/icons/edit/attach-file-off-16dfc.png?_a=DATAiZiuZAA0) - [Auto Fit Column Width](https://assets.streamlinehq.com/image/private/w_34,h_34,ar_1/f_auto/v1/icons/edit/auto-fit-column-width-e3a4ir5ifoh3zceebdeu5y.png/auto-fit-column-width-ippedesrilgiq7prfjf95.png?_a=DATAiZiuZAA0) - [Auto Fit Row Height](https://assets.streamlinehq.com/image/private/w_34,h_34,ar_1/f_auto/v1/icons/edit/auto-fit-row-height-8zim4lgp78jycv64wipp5p.png/auto-fit-row-height-3w3hjntftkrcgd2j0pdc2j.png?_a=DATAiZiuZAA0) - [Auto Save Backup](https://assets.streamlinehq.com/image/private/w_34,h_34,ar_1/f_auto/v1/icons/edit/auto-save-backup-5d2fe.png?_a=DATAiZiuZAA0) - [Binder Clip](https://assets.streamlinehq.com/image/private/w_34,h_34,ar_1/f_auto/v1/icons/flex-gradient/interface-essential/edit/binder-clip-yhq28bijwqhwgp6s42p9fi.png?_a=DATAiZiuZAA0) - [Binoculars](https://assets.streamlinehq.com/image/private/w_34,h_34,ar_1/f_auto/v1/icons/flex-gradient/interface-essential/edit/binoculars-xy5ivkm4hcerdu2z0esow.png?_a=DATAiZiuZAA0) - [Bomb](https://assets.streamlinehq.com/image/private/w_34,h_34,ar_1/f_auto/v1/icons/flex-gradient/interface-essential/edit/bomb-3z9x6j5zgznuyabamra329.png?_a=DATAiZiuZAA0) - [Brush Pen Tip Diagonal](https://assets.streamlinehq.com/image/private/w_34,h_34,ar_1/f_auto/v1/icons/edit/brush-pen-tip-diagonal-bb889.png?_a=DATAiZiuZAA0) - [Brush Pen Tip Vertical](https://assets.streamlinehq.com/image/private/w_34,h_34,ar_1/f_auto/v1/icons/edit/brush-pen-tip-vertical-caa08.png?_a=DATAiZiuZAA0) --- [View full sitemap](/sitemap.md)