The Tabler brand x icon depicts the X logo and is typically used to represent the X platform or related services in user interfaces.
Common uses
- Link to X profile
- Social media sharing button
- Branding element for X integration
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBrandX } from '@tabler/icons-react';
<IconBrandX size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconBrandX size={24} stroke={2} />filled
<IconBrandXFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Brand
- Keywords
- twitterbrandlogocompanytrademarkidentitycorporatebusinessxx logotwitter logox iconsocial media x
FAQ
- What is the brand x icon used for?
- It's used to represent the X platform (formerly Twitter) or its associated services. This includes linking to profiles or indicating content related to X.
- How do I use the brand x icon in React?
- You can import it directly from the '@tabler/icons-react' library using: import { IconBrandX } from '@tabler/icons-react'.
- What is the license for the Tabler brand x icon?
- The Tabler icon library, including the brand x icon, is available 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 →