jrgarciadev / react-iconly Goto Github PK

View Code? Open in Web Editor NEW

223.0 3.0 47.0 2.11 MB

🌈 React component for Iconly icons

Home Page: https://react-iconly.jrgarciadev.com/

License: MIT License

HTML 0.24% JavaScript 99.71% CSS 0.06%

react react-components svg-icons react-icons react-icon-kit icons iconly

react-iconly's People

Contributors

Stargazers

Watchers

Forkers

trendingtechnology hiradary rodolfosilva otaviomad hirwablessing yakiniko vahidid 5alidz faustfizz eimenanacreado murerkinn peterayeniofficial taylorclay null78 kreo jbecke shakvilla ebukaodini ocoldwell ayoubphy amiryxe dev-absid jyeop yudhaputrama ismaelayyad wangly19 glognus phatify iconnor ionleu liamkinne samsolo-droid danyasnov beingofexistence13 envoy-vc jesulonimii gaitandiego taharbelghitridz abhishekdm deedatbilla adam-rocska machinedramon caiankeller

react-iconly's Issues

blank page when I use iconly

Hello, when i use iconly i have a blank page and i don't know why. Furthermore when i use npm to install there is some error. How i can fix this ?

Thanks for your help 😄

Improve build scripts to allow for tree-shaking

The build process currently just bundles all of the code on a single index.js file, which is very inefficient when considering bundle-size. As an example, my application is about 1200kB (unzipped) in size, of which 500kB is from react-iconly.

I have very little knowledge about bundlers, so I have no idea what would be best way to go about doing this, but my educated guess is that using a different bundler (or maybe even just different options) would be enough.

My workaround was publishing a package with the whole source code (with some modifications made after my build process failed), and letting my bundler (my project is built with vite) do the dirty work.

After doing this, my bundle-size shrunk to about 800kB.

Hopefully something can be properly done about this in the near future.

Update package

Hi @jrgarciadev!

Piqo Design Team has recently updated the Iconly icon set and added 100 more icons. There's a new curved style included in the new version.

You can find it here: https://gumroad.com/piqodesign

Please add these to the package.

Thanks ❤️

Two Document Iconly icon not found in package.

I imported iconly files from figma and I found an icon named two document there but the icon is nowhere to be found in React Iconly package. Kindly add that Icon to package.

Add Humanitarian Icons Sets

Thanks for your excellent work, please add humanitarian icons sets

Module '"react-iconly"' has no exported member 'IconlyProvider'.ts(2305)

Hello,

I build website apps using typescript and nextjs, for the icons i use react-iconly.

There is an issue when i imported "IconlyProvider" and getting eslint error check "Module '"react-iconly"' has no exported member 'IconlyProvider'.ts(2305)". However, the icon work well in browser as i config it using IconlyProvider in my pages apps

Website is not working

I am trying to search an icon on the website. I can search a word with algolia, but noting is displayed then

Dark Text Color in Dark Mode on the search input field.

The Text color on the search input field is dark on dark mode
thus the text a user is typing is not visible.

Website error: Cant show icons

The web site is gettin an error from algolia api:

{"message":"Operations quota exceeded. Change plan to get more Operations.","status":403}

Icon request: Copy/clipboard icon

Add Refresh Icon

Thanks for your excellent work, but I think that is necessary the icon Refresh like this.

Add Media Icons (Pause, Next, Previous, Skip, etc.)

Thanks for this repo! I see that there is already a Play icon, could we also get the other media icons?

Icon request - Not really an issue.

You icons are fantastics, no idea if you plan and expanding the current set but some icons that would be great to add:

hashtag
hamburger menu
3 dot menu without border
reply all
forward
cloud
paperclip / attachment
refresh / sync
plus without border
minus without border

This is very self serving obviously but you're icons are so good I figured I'd ask :)
K I am done!

Great work!

Error: ReactDOMServer does not yet support Suspense.

Hey Junior!

I'm getting this in v1.1.0. It seems to be produced due to this commit: 333f30e

My dependencies:

"next": "10.0.3",
"react": "17.0.1",
"react-dom": "17.0.1",
"react-iconly": "^1.1.0",

Error:

Steps to reproduce:
Setup a project with the above dependencies.

[BUG] Website does not load icons

No icons load when visiting https://react-iconly.jrgarciadev.com:

Nothing loads for any input in the search bar:

There are a bunch of request errors (I tested this in Chrome and Safar with adblockers disabled):

Another way of using icons

Hi Junior!

Thanks for your amazing work. I'm a co-founder in Piqo, and we're launching a presentation website/landing page for Iconly.
I used your package to showcase the icons, just like the way you did on https://react-iconly.jrgarciadev.com/.

However, I suppose there's a better way to use Iconly in the project. Currently, you have to do something like this:

import { Search } from 'react-iconly'

I'm wondering if we could do like this:

import Iconly from 'react-iconly'

const MyComponent = () => {
  return (
    <Iconly name="search" set="light" />
  )
}

Or a combination of default & named exports:

import Iconly, { Search } from 'react-iconly';

I decided to do it my self in my forked version of react-iconly here https://github.com/hiradary/react-iconly/blob/main/src/index.js, but I ran into some problems regarding building & using it in my project.

Also I thought It'd be better if you could implement this, so others could also benefit.

Error installing React Iconly Icons in next js 13, React 18.2.0

npm resolution error report

2023-03-20T04:36:06.377Z

While resolving: [email protected]
Found: [email protected]
node_modules/react
react@"18.2.0" from the root project

Could not resolve dependency:
peer react@"^16.8.6 || ^17" from [email protected]
node_modules/react-iconly
react-iconly@"*" from the root project

Fix the upstream dependency conflict, or retry
this command with --force, or --legacy-peer-deps
to accept an incorrect (and potentially broken) dependency resolution.

Raw JSON explanation object:

{
"code": "ERESOLVE",
"current": {
"name": "react",
"version": "18.2.0",
"whileInstalling": {
"name": "appjs",
"version": "0.1.0",
"path": "C:\Users\username\Desktop\appjs"
},
"location": "node_modules/react",
"isWorkspace": false,
"dependents": [
{
"type": "prod",
"name": "react",
"spec": "18.2.0",
"from": {
"location": "C:\Users\username\Desktop\appjs"
}
}
]
},
"currentEdge": {
"type": "prod",
"name": "react",
"spec": "18.2.0",
"from": {
"location": "C:\Users\username\Desktop\appjs"
}
},
"edge": {
"type": "peer",
"name": "react",
"spec": "^16.8.6 || ^17",
"error": "INVALID",
"from": {
"name": "react-iconly",
"version": "2.2.5",
"whileInstalling": {
"name": "appjs",
"version": "0.1.0",
"path": "C:\Users\username\Desktop\appjs"
},
"location": "node_modules/react-iconly",
"isWorkspace": false,
"dependents": [
{
"type": "prod",
"name": "react-iconly",
"spec": "*",
"from": {
"location": "C:\Users\username\Desktop\appjs"
}
}
]
}
},
"strictPeerDeps": false,
"force": false
}

No hamburger icon???

Error: process is not defined

My React version is 17

Theme Icon Not Working on Initial Load

Upon initial load, the theme icon is neither the Sun or the Moon, but a loader

No support for Vite/Typescript

Hello, thanks for your package

I wanted to user this package as icon provider, but I am getting this error with Vite:

Uncaught ReferenceError: process is not defined
    s2 factoryWithTypeCheckers.js:170
    i2 factoryWithTypeCheckers.js:241
    exports factoryWithTypeCheckers.js:116
    Q index.js:9
    u context.js:34
    <anonymous> factoryWithThrowingShims.js:16

Why?

I also want to ask for Plug and List icons.

Thanks

Some icons are missing/extra

Iconly is a set of 500 icons (100 icons in 5 different styles). However, if you count the number of icons here:

https://react-iconly.jrgarciadev.com/

You'll see 101 icons. One icon seems to be extra.

Also, if you see the official list here, you'll see the below icon which isn't listed on react-iconly page:

I think there are inconsistencies between the actual icon set and react-iconly, which is something quite important to fix.
I guess we should go through the icons one by one, to ensure there's no inconsistency between the two.