The HugeIcons open source icon depicts a stylized representation of an open padlock, commonly used to signify open-source software, community projects, or publicly accessible information.
Common uses
- Labeling open-source projects
- Indicating community-driven features
- Representing public access or transparency
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { OpenSourceIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={OpenSourceIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- open sourcecommunitypublicfree software
FAQ
- What does the open source icon represent?
- It represents the concept of open source, signifying software or projects that are publicly accessible and can be freely used, modified, and distributed.
- How do I use the OpenSourceIcon in React?
- You can use it by importing both HugeiconsIcon and OpenSourceIcon from their respective packages and then rendering <HugeiconsIcon icon={OpenSourceIcon} />.
- What is the license for this icon?
- This icon is provided under the MIT license, which allows for broad usage including commercial applications.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →