get-icon / geticon Goto Github PK

Please add icons for the following products, if possible:

• Swoole
• FFMPEG
• Linux
• Amazon Web Services and specific products like S3, CloudFrone, EC2, SES, etc.
• Adobe AfterEffects, Premiere Pro, Lightroom

Hey, great repo.
Would love to have variations of the name. For example, I autoget these icons based on a Language field I have in my frontend. I lowercase it as such to get the icon:

  const languageCode = language
    .replaceAll(" ", "-")
    .toLowerCase()
  console.log("languageCode", languageCode)

  const src = `https://github.com/get-icon/geticon/raw/master/icons/${languageCode}.svg`

In there, I have "C++", which translates to "https://github.com/get-icon/geticon/raw/master/icons/c++.svg", which doesn't exist. Instead, it's called c-plusplus.svg.

It'd be nice to have standardization or duplication. i.e. keep both c-plusplus, c++.svg, and cplusplus.svg at the same level.

GitHub icon has the cat as a "hole", should be a shape, filled with light grey.

In "night" GitHub mode the icon is not visible, renders dark on dark background.

Plan - make an overhaul of the project (repo):

• fetch and periodically auto-update all icons from several sources, including:
  1. icons modified / added by myself or contributors of this repo
  2. VectorLogoZone
  3. gilbarbara/logos
  4. simple-icons
• make a Next.js based website, there will be an index page, each icon will have its own webpage as well
  • GUI tool on the website, to generate icon list HTML code
• release a npm package (#1)
  • CLI tool (w/ config) to generate icon list HTML code and insert into README.md or other files
• the above website & npm package will be written in TypeScript
• Icon spec:
  • SOURCE (/icons/):
    • FORMAT:
      • SVG only
      • optional, prefered nominal size (the larger one of width & height) = 256(px)
      • no whitespace (i.e. canvas should fit the content), unless, in very rare cases, the image has whitespace per se
      • with viewBox without width or height
      • no xml declaration (because it's not needed)
      • the source SVGs had whitespace removed with Inkscape (script) and were optimized with SVGO (settings), but not minified (i.e. remove newlines and indentations)
      • text must be converted to outline, non-outline text with unknown font is not acceptable
    • VERSION:
      • primary is square shape icon
      • possibly with secondary versions which are rectancle shape logos or other icons
      • night mode icon set also possible (#2)
  • OUTPUT (/dist/?):
    • FORMAT:
      • SVG (minified)
        • Original size (viewBox w/o width/height) (optimization only) (/dist/svg/)
        • square, nominally 256 x 256 px (viewBox w/o width/height) (/dist/svg_sqr/)
        • (maybe) square, nominally 22 x 22 px (viewBox AND width, height) just for a GitHub mobile app bug (icon becomes very big and HTML img width does not work) (/dist/svg22/)
      • PNG
        • 256 x 256 px (/dist/png/)
• for the aliases, treat names with spaces and without spaces as the same, case-insensitive
• test. logo.json file should be validated

See /data/types/icons.ts for icons.json data type. Example:

  {
    "name": "JavaScript",
    "aliases": [
      "js"
    ],
    "tags": [
      "javascript",
      "programming language"
    ],
    "url": "https://developer.mozilla.org/en-US/docs/Web/JavaScript",
    "files": [
      {
        "filename": "javascript.svg",
        "type": "icon",
        "desc": "JavaScript Icon",
        "tags": [
          "yellow",
        ],
        "source": "https://github.com/gilbarbara/logos/raw/master/logos/javascript.svg"
      },
      {
        "filename": "javascript2.svg",
        "type": "logo",
        "desc": "JavaScript Text Logo",
        "tags": [
          "yellow",
          "text"
        ],
        "source": "../javascript2.svg"
      }
    ]
  },

https://fastapi.tiangolo.com/img/icon-white.svg

The Monero icon doesn't look quite right when put on a dark background. Could we get a version where the "M" is filled in rather than being transparent?

https://cryptologos.cc/logos/litecoin-ltc-logo.svg?v=022

please VSCode icon exists here or not?

I very much like this idea and it seems there is no one else doing it, but it would even be better if it would be available on NPM registry. I saw it's in the TODO in the readme but any idea on when this is going to be published? 😄

Thanks!