@wticons/react

Website Technology Icons

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

Install

yarn add wticons

Usage

import { Photoshop, SvgAtom } from '@wticons/react';

const Homepage = () => <div>
  <ul>
    <li>
      <Php/>
      PHP
    </li>
    <li>
      <AdobePhotoshop/>
      Photoshop
    </li>
    <li>
      <VisualStudioCode/>
      Visual Studio Code
    </li>
  </ul>
</div>;

export default Homepage;

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 { React as ReactIcon } from 'wticons';

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
• SVGR - a complete tool box to take advantage of using SVGs in your React applications.