---
title: "Font Variable Icon | Free Download PNG & SVG | Flex Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/font-variable--27674
canonical_url: "https://www.streamlinehq.com/icons/download/font-variable--27674"
summary: "Rounded gradient icon of two upright posts above a horizontal slider with a circular knob. Used for variable font controls."
---

# Font Variable icon

The Font Variable icon shows two rounded vertical glyph-like forms above a horizontal slider with a circular knob. Drawn in the gradient style on a 14px grid, its filled, flowing shapes keep the control clear and immersive. Use it for variable font settings, typography controls, font previews, design tools, and text customization interfaces. It belongs to Flex Gradient set in the Flex family.

## Preview

![Rounded gradient icon of two upright posts above a horizontal slider with a circular knob. Used for variable font controls.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/flex-gradient/interface-essential/text-formatting/font-variable-jqz4bepeavvafxfbas2ua.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Font Variable
- **Type**: Icon
- **Set**: [Flex Gradient](/icons/flex-gradient.md) — 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.
- **Family**: [Flex](/icons/flex.md) — Fluid icons
- **Style**: Gradient
- **Category**: Interface Essential › Text Formatting
- **Default size**: 14px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: font, variable, formatting, text, interface, style, accessory, vision, glasses, eyewear, spectacles, frames, optics, reading, lenses

## Download

- [Download Font Variable on Streamline](https://www.streamlinehq.com/icons/download/font-variable--27674)

## Also available in other styles

- [Font Variable — Flex Line](/icons/download/font-variable--24474.md) (Pro)
- [Font Variable — Flex Duo](/icons/download/font-variable--24523.md) (Pro)
- [Font Variable — Flex Remix](/icons/download/font-variable--28549.md) (Pro)
- [Font Variable — Flex Flat](/icons/download/font-variable--24684.md) (Pro)
- [Font Variable — Flex Neon](/icons/download/font-variable--30421.md) (Pro)
- [Font Variable — Flex Pop](/icons/download/font-variable--31308.md) (Pro)
- [Font Variable — Flex Solid](/icons/download/font-variable--24314.md) (Pro)

---

[View full sitemap](/sitemap.md)