@wticons/astro

Website Technology Icons

Bundle of Website development and Technology icons such databases, frameworks, languages, libraries…

Install

yarn add @wticons/astro

Usage

---
import { Php, AdobePhotoshop, VisualStudioCode } from '@wticons/astro'; 
---

<Php/>
<AdobePhotoshop/>
<VisualStudioCode/>

All icons are Astro component with {...Astro.props} added to the root svg element. This should enable you to customize the element as you see fit.

<Php class='some classes' data-somethinf='data' id='id' />;

How to solve a name conflict?

Because these are technology icons, there may be conflicts with library name such as React. This can easily be solved by using an alias:

import { Astro as AstroIcon } from '@wticons/astro';

Credits

• SVGPorn - A huge collection of SVG logos by @gilbarbara
• devicon - a set of icons representing programming languages, designing, and development tools.
• SVGO - Node.js tool for optimizing SVG files