vectopus / atlas-icons-font Goto Github PK

View Code? Open in Web Editor NEW

311.0 311.0 12.0 11.9 MB

License: MIT License

CSS 99.94% HTML 0.06%

atlas-icons-font's People

Contributors

Stargazers

Watchers

Forkers

poulahelmy man4toman rgarciaseija thor10 thanhkhoa84 jjksp shamim1977 szkennminn iamserda zhiyaoshu reatlat

atlas-icons-font's Issues

Icons from the medical pack display incorrect icon

Hi! Thanks for creating this extensive icon pack.

While testing different icons I discovered that icons from the medical pack display an incorrect icon.

<head>
  <link rel="stylesheet" href="https://unpkg.com/@vectopus/atlas-icons/style.css">
</head>
<body>
  <i class="at-air-conditioner"></i>
  <i class="at-bacteria"></i>
  <i class="at-lightbulb-idea-person"></i>
  <i class="at-angel-heart"></i>
  <i class="at-user-target"></i>
  <i class="at-abacus"></i>
  <i class="at-asian-pagoda"></i>
  <!-- Icons from the medical pack display wrong icon -->
  <i class="at-ear"></i> 
  <i class="at-ambulance"></i>
</body>

Codepen with the above code: https://codepen.io/i_could_be/pen/ExdNyNp

Missing reference to business-finance icons pack in style.css file

Confirm uniqueness of the issue
I have searched the issues of this repository and believe that this is not a duplicate.

Describe the bug

In mian style.css file, there is a reference to a non-existent path to /business-finance/style.css icons , thus all the app icons are not loaded and the application cant be build.

https://github.com/Vectopus/Atlas-icons-font/blob/main/style.css#L5

@import "packs/basic-ui/style.css";
@import "packs/business-finance/style.css"; // Non-existent reference
@import "packs/christmas/style.css";

Steps to Reproduce
Steps to reproduce the behavior:

Install the atlas icons package npm i @vectopus/atlas-icons
Import icons @import url("/node_modules/@vectopus/atlas-icons/style.css")
See error in console

ERROR in ./node_modules/@vectopus/atlas-icons/style.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/@vectopus/atlas-icons/style.css)
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
Error: Can't resolve 'packs/business-finance/style.css'

Expected behavior
No reference error

Possible solution
Remove the reference or correct the path

Bypass for atlas-icons users
Until fixed, import only the icons you need separately from packs dir

@import url("/node_modules/@vectopus/atlas-icons/packs/achievement/style.css");
@import url("/node_modules/@vectopus/atlas-icons/packs/arrow/style.css");
@import url("/node_modules/@vectopus/atlas-icons/packs/audio/style.css");
...

Support react native vector icon

First of all, thank you so much for making these incredible icons.

I want to use your resource for my react native project,
but I can't find the merged TTF file.

or I think it's a good idea to update here
https://github.com/oblador/react-native-vector-icons

More basic UI icons

Hi! Thanks for making this. I really like the style of the icons!

However, for our e-commerce project we can't use this, since the pack is missing a couple of (IMO) essential icons:

Chevrons for dropdowns and show / hide toggles for expansion panels
A close icon (without a circle) for popups etc.
An error icon (! with a circle), I only found a warning icon

I think the value of this icon pack would be a lot bigger if these icons were added. Hope you found this helpful!

Sidenote: We found the "user" icon extraordinarily big compared to other icons:

New musical instrument icons

Guitar, drums, cello, saxophone, harmonica, etc. You get the point. Thanks for the icons. They're great.

Icon synonyms

Hi there,

thank you for your great work with these icons! ❤️

I noticed that you have some kind of synonyms on your website, since when I search for "fitness", there are also some sports icons displayed there. I want to include such a search in my project as well and was curious whether you can share your already available synonyms/metadata regarding this?

Best regards

File format icons

Hi,
I am enjoying using your icon set more and more - thank you!

Would you consider creating more specific icons for common file types? It could maybe use their respective app logos (f.e. MS Word, Excel, PowerPoint) or textual labels for clarity (example: search for "file" at https://phosphoricons.com/)

Could be for:
PDF
JPG/JPEG
PNG
GIF
DOC/DOCX
XLS/XLSX
PPT/PPTX
TXT
CSV
General code ("<>" symbols)
HTML
CSS
JS
XML
JSON
WAV
MP3
MP4
AVI
MOV
ZIP/RAR/7z
etc.

To be honest, I would love to have some that would be recognizable at 16-20 px sizes :)

Thank you!

Sveltekit package?

Would love to see support for a Sveltekit package that uses the actual SVGs instead of an icon font! 🙂

New Mastodon icon

along similar lines as the existing twitter, twitch, etc icons. like https://icons.getbootstrap.com/icons/mastodon/ but outline-only

Improve credit card icon

Hi.
It seems that current credit card icons are inconsistent between categories "Business Finance" (sharp corners, not very recognizable as a credit card) and "Internet security" (rounded corners, better).
Could you maybe improve the sharp cornered credit card icon or add a new one with rounded corners to be able to choose for consistency. In my opinion rounded cornered one looks more common and is easier to recognize.
Thanks!

Icon request: Arrows

It seems the collection is missing some basic arrow icons. It could be different arrow directions, chevrons, returning arrows, arrow circles, (refresh, reload, return) etc.

Some good examples from Google Material Icons - https://fonts.google.com/icons?icon.set=Material+Symbols&icon.style=Outlined&icon.category=UI+actions&icon.query=arrow

Thanks!

Filled version of icons

I would love to see both filled/unfilled versions of these icons so that the filled one can act as a selected version.

Multiple body parts

The current arm, leg, torso, glutes icons are great. Similar icons for tigh, back, neck, hips would be great :) Appreciate the great free icons, amazing job