Skip to content

Latest commit

 

History

History
47 lines (33 loc) · 1.63 KB

readme.md

File metadata and controls

47 lines (33 loc) · 1.63 KB
Raw

NPM Downloads NPM Version NPM License Last Commit

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';


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.