Light

afzalsayed96 / vscode-react-icons Goto Github PK

View Code? Open in Web Editor NEW

25.0 25.0 2.0 4.81 MB

Search and paste icons into you code as SVG or JSX for your web projects

TypeScript 100.00%

vscode-react-icons's Introduction

Pssst, also checkout Icones for VS Code

React Icons for VS Code

Search and paste icons into you code as SVG or JSX for your web projects

Usage

Open up command pallete with cmd+shift+p
Enter command React Icons

Avaialabele Icons

Icon Library	License	Version
Font Awesome	CC BY 4.0 License	5.12.1
Ionicons	MIT	4.5.6
Material Design icons	Apache License Version 2.0	3.0.1
Typicons	CC BY-SA 3.0	2.0.9
Github Octicons icons	MIT	8.5.0
Feather	MIT	4.21.0
Game Icons	CC BY 3.0	a53463d41d4f055fa71097ae74da4c508c9bb09d
Weather Icons	SIL OFL 1.1	2.0.10
Devicons	MIT	1.8.0
Ant Design Icons	MIT	4.0.0
Bootstrap Icons	MIT	1.0.0-alpha3
Remix Icon	Apache License Version 2.0	2.3.0
Flat Color Icons	MIT	1.0.2
Grommet-Icons	Apache License Version 2.0	4.4.0
Simple Icons	CC0 1.0 Universal	2.13.0
IcoMoon Free	CC BY 4.0 License	1.0.0
BoxIcons	CC BY 4.0 License	2.0.5
css.gg	MIT	2.0.0
VS Code Icons	CC BY 4.0	0.0.1

FAQs

Extension is not compatible with my VS Code version

A: Please update to the latest version of VS Code v1.49+

Credits

This project stands on the shoulders of original react-icons library.

If you found it helpful, give them a star on GitHub and consider buying their creator a coffee/beer

vscode-react-icons's People

Contributors

Stargazers

Watchers

Forkers

nayamamarshe zewebdev1337

vscode-react-icons's Issues

not compatible with the current version of VS Code (version 1.48.2)

Unable to install 'afzalsayed96.reacticons' extension because it is not compatible with the current version of VS Code (version 1.48.2).

Request

Is there a way to install this as plugin for neovim? It'd be cool.

export typescript (tsx)

before (javascript)

import * as React from 'react';

function FaPhone(props) {
  return (
    <svg
      stroke="currentColor"
      fill="currentColor"
      strokeWidth={0}
      viewBox="0 0 512 512"
      height="1em"
      width="1em"
      {...props}
    >
      <path d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z" />
    </svg>
  );
}

export default FaPhone;

after (typescript)

import * as React from 'react';

function FaPhone(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      stroke="currentColor"
      fill="currentColor"
      strokeWidth={0}
      viewBox="0 0 512 512"
      height="1em"
      width="1em"
      {...props}
    >
      <path d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z" />
    </svg>
  );
}

export default FaPhone;

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.