The Tabler radius top left icon depicts a rounded top-left corner, commonly used in UI design to indicate or apply rounded borders to specific corners of elements.
Common uses
- Applying rounded corners to input fields
- Styling card elements with a soft top-left edge
- Indicating CSS border-radius properties
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconRadiusTopLeft } from '@tabler/icons-react';
<IconRadiusTopLeft size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- roundcornerroundedbordercssstylebottomradiustopleftdesignrounded cornerborder radiuscss cornertop left rounding
FAQ
- What is the purpose of the radius top left icon?
- This icon visually represents a rounded top-left corner. It's useful for indicating styling options related to border-radius in CSS or for representing UI elements with this specific shape.
- How do I use this icon in React?
- You can import and use the icon in your React application with the following statement: import { IconRadiusTopLeft } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icon library, including the radius top left icon, is 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 →