The Tabler oval icon depicts an elongated circle, commonly used to represent shapes, forms, or elements with a rounded, non-circular appearance in user interfaces.
Common uses
- Representing shape options in a drawing tool
- Indicating a form or outline element
- As a visual element in a geometric pattern
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconOval } from '@tabler/icons-react';
<IconOval size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconOval size={24} stroke={2} />filled
<IconOvalFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- shapeeggcirclezeroovalgeometryformfigurepatternoutlineshapesegg shapeellipserounded rectangle
FAQ
- What is the oval icon used for?
- It's used to visually represent shapes, forms, or elements that are rounded but not perfectly circular, like an egg or a zero.
- How do I use the oval icon in React?
- You can import and use it directly in your React components like this: import { IconOval } from '@tabler/icons-react'.
- What is the license for the Tabler oval icon?
- The Tabler oval icon is distributed under the MIT license, which allows for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.