GithubHelp home page GithubHelp logo

meronex / meronex-icons Goto Github PK

View Code? Open in Web Editor NEW
48.0 48.0 2.0 11.07 MB

svg react icons of popular icon packs

License: Other

Shell 1.11% HTML 4.23% CSS 2.48% JavaScript 19.06% TypeScript 54.79% SCSS 18.33%

meronex-icons's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

eseq coreyward

meronex-icons's Issues

Build size on Next.js 11

Describe the bug

using Import as:
import { IoLogoFacebook, IoLogoInstagram } from '@meronex/icons/ios'
Build contains the whole IOS pack

Expected behavior
Build containing only the icons imported

Screenshots
Screen Shot 2021-09-08 at 11 14 03

Framework and versions
Next.Js: 11.1.2
Meronex Icons: 4.0.0
Webpack 5 (Default of Next.Js)

Additional context
Am I missing something on the usage of the library?

Testing slack integration

Describe the bug
A clear and concise description of what the bug is.

Minimal sample repository
Gist/Github URL

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • Device: [e.g. PC, iPhone6]
  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Ionic icons imported as ios instead of io

Describe the bug
Ionic icons are imported with the /ios library folder name instead of /io making it necessary to refactor projects that use react-icons ionic icons.

Expected behavior
Ionic icons can be imported using react-icons io library name eg import { IoIosInformationCircle, IoIosWarning } from '@meronex/icons/io';

Better TypeScript support

First of all, thanks a lot for making this fork! I was about to make my own fork or switch to another library since react-icons was increasing our bundle size around 10mb. Our bundle size is greatly reduced after switching to @meronex/icons, but there's an issue with generated types.

This works:

import { IoIosArrowDropdown } from '@meronex/icons/io';

But this is not recognized by TypeScript:

import IoIosArrowDropdown from '@meronex/icons/io/IoIosArrowDropdown';

Grommet-Icons has hard-coded "stroke" in "path"

Describe the bug
Grommet-Icons: svg's path is hard coded and thus does not display currentColor. Currently path's stroke is set to #000.

Minimal sample repository
Gist/Github URL

Expected behavior
Icon should display and abide to currentColor

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • Device: PC
  • OS: iOS
  • Browser: chrome
  • Version 95.0.4638.69 (Official Build) (x86_64)

Additional context
Add any other context about the problem here.

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.