The Tabler variable icon visually represents a placeholder for a value in mathematical equations or programming, commonly used in UI to denote settings, parameters, or data fields.
Common uses
- Representing a customizable setting in a form.
- Indicating a parameter in an API documentation.
- Labeling a data point in a chart or graph.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconVariable } from '@tabler/icons-react';
<IconVariable size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Math
- Keywords
- mathsmathematicssciencecalculatefunctionvariablecalculationequationnumericformulamathparameterplaceholdersettingdata field
FAQ
- What does the variable icon represent?
- It symbolizes a placeholder for a value, often used in math, science, or programming contexts to denote changeable data or parameters.
- How do I use the variable icon in React?
- You can import and use it like this: import { IconVariable } from '@tabler/icons-react'. Then render it as <IconVariable />.
- What is the license for the Tabler variable icon?
- The Tabler icons, including the variable icon, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →