A premium, curated collection of 290+ high-quality technology icons tailored for your GitHub profiles, READMEs, and projects. Each icon is carefully designed to support both light and dark themes seamlessly.
Need an icon that isn't here? Open an Issue to request a new one. I'm always open to growing the collection! 😊
Available Icons 📑 | How to Use ⚙️ | Alignment 📐 | Links 🔗 | Customizing Sizes 📏
- Find the desired icon in the list below.
- Copy the icon's exact name.
- Add the following HTML snippet to your README or markdown file, selecting your preferred theme (
DarkorLight):
<img alt="[Icon]" height="[Height]" width="[Width]" src="https://github.com/gui-bus/TechIcons/blob/main/[Theme]/[Icon].svg"><img alt="Typescript" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Dark/Typescript.svg">
<img alt="React" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/Light/React.svg">To center your icons, wrap the images in a div tag with align="center":
<div align="center">
<img alt="[Icon]" height="[Height]" width="[Width]" src="https://github.com/gui-bus/TechIcons/blob/main/[Theme]/[Icon].svg">
</div>You can make your icons clickable by wrapping them in an anchor (a) tag:
<div align="center">
<a href="[Your Link]">
<img alt="[Icon]" height="60" width="60" src="https://github.com/gui-bus/TechIcons/blob/main/[Theme]/[Icon].svg">
</a>
</div>Easily customize the sizes by adjusting the height and width attributes on the <img> tags: