The Tabler axis x icon depicts a horizontal line representing the X-axis, commonly used in user interfaces to indicate horizontal direction, measurement, or a specific dimension.
Common uses
- Labeling a horizontal scrollbar
- Indicating horizontal movement in a graph or chart
- Representing the X-coordinate in a coordinate system display
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconAxisX } from '@tabler/icons-react';
<IconAxisX size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- mathgeometryaxisnavigationflowmovementroutepathxarrowshorizontal axisx-coordinatehorizontal linedimension x
FAQ
- What is the axis x icon used for?
- It visually represents the horizontal axis (X-axis) in diagrams, charts, or interfaces, often signifying horizontal direction or measurement.
- How do I use the axis x icon in React?
- You can import and use it directly in your React components like this: import { IconAxisX } from '@tabler/icons-react'.
- What is the license for the Tabler axis x icon?
- The Tabler icons, including the axis x icon, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.