The Tabler brand open source icon depicts a stylized representation of open source software, commonly used to signify open-source projects, licenses, or contributions within a user interface.
Common uses
- Labeling open-source software sections.
- Indicating a project's open-source status.
- Representing community or collaborative efforts.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBrandOpenSource } from '@tabler/icons-react';
<IconBrandOpenSource size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconBrandOpenSource size={24} stroke={2} />filled
<IconBrandOpenSourceFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Brand
- Keywords
- softwarecodedeveloperpubliclicencetechnologybrandopensourcelogoopen source logosource code iconpublic license iconoss icon
FAQ
- What does the open source icon represent?
- It represents the concept of open source software, indicating that a project's source code is publicly available and can be modified or distributed.
- How do I use this icon in React?
- You can import and use it in React with: import { IconBrandOpenSource } from '@tabler/icons-react'
- What is the license for this icon?
- This icon is available under the MIT license, which allows for free use, modification, and distribution.
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 →