If I understand correctly, the current search is done by filename. It would be great if we could additionally add tags to each icon to make them easier to find, i.e. give a bunch of file icons the tag "file", even if the individual one might be named by the soecific file type it represents.

A platform like this would be great for icon requests https://vote.biglybt.com/isaacs/github

In the same manner it would be great to have a webform to create a pull request with an uploaded icon.

Some pointers: https://medium.com/@hi_7807/github-issues-api-tutorial-b7a12b1bcada

To achieve #55 #72 #74 and #73 we need an API behind the frontend.

It could be built on FastAPI to keep a flatfile based managment of the icons.

Each icon has a unique name and a metadata field in the SVG header.
The API server on initialization loads all metadata and relations between icons and then responds to get requests with the list of icons.

U Maryland database

Fix by-sa links from by/sa/ to by-sa
Fix font on AI icon
Fix chemo-_and_Bioinformatics
Fix microarray pictures
Fix infinite scroll when deleting a search while at bottom of page.

https://figshare.com/authors/Plant_Illustrations/3773596

Hey :) Love your work and am super appreciative that you are letting others use it for free, I think it's great!
A comment I would have from my first attempt at using it would be that your images all have white backgrounds. This makes it hard to combine them into more complex figures eg. adding a plasmid / transcription / translation scheme inside one of your empty cells, or adding the images into figures which have non-white backgrounds. Not sure how easy it is to fix, but thought I would flag it in case :)
Thanks again for your awesome content!

I find myself constantly looking for categories because they are not sorted alphabetically, both in the main interface and in the drop down menu.

Sorting them would increase the findability

Collect statistics to show how many icons each author contributed.

https://www.swissbiopics.org/

CC BY resource with SVG images

Create a power point plugin to quickly add individual icons to power point. Could use this for inspiration: https://github.com/madve2/uppp-pixabay-for-office

• icons for all 20 canonical amino acids and protonation states
• coevolution
• salt bridge icon
• epistasis icon
• interaction network in protein

Inspiration

Get goodsell style PDBs with configurable colors from a PDB entry code.

If users select icons we should have a feature that it the bottom right corner collects all the icons downloaded and saves them to localstorage. Optionally it also should allow to give a project name.

This will make it easier for people to properly credit the authors.

Implementation could be similar to Google Fonts Select Font functionality.

https://github.com/mutterer/InkscapeFigureExtensions

Hi I am using some of the icons in my diagram for publication. How to cite them properly? Thank you so much.

https://ian.umces.edu/media-library/page2/?search=&keyword=&media_type=&vector_or_raster=2&media_album=0&sort_order=-date

https://www.youtube.com/watch?t=537&v=VAnXuZjjOw4&feature=youtu.be

When a user visits the site for the first time we should ask them what program they are using and set default settings for this :

• Inkscape - SVG Download
• Illustrator - SVG to clipboard
• google slides - PNG
• PowerPoint -Emf

It would be nice to have swab, tube, and bacterial culture plate icons. Thank you!

Some icon names are duplicated, best to have them unique.
E.g the GPU icon.

Hey,

I just tried making figures via the convenient draw.io import provided on the site.

It seems to cut off the icons at the bottom:

Preview for comparison:

Is this a known issue? I suppose draw.io does something to the SVG when importing.

Something I really like about scidraw.io is the ability to see how many times a graphic has been downloaded. As someone considering making biology icons I would find this to be very motivating to see how many people my graphic is reaching.

After doing a search, or clicking on the name of a category, 3 rows of icons are displayed.

If I opened bioicons in a full-height browser window on my desktop, there is a gap between the last row of images and the bottom of this page, and this prevents the auto-loading of images from working - there is no way for me to see the remaining images.

However, if I reduce the height of the browser window, this triggers auto-loading, and scrolling then loads more images.

the following icons:

anemone_release_of_acontia
anemone_4-cell_stage_embryo
anemone_adult_bleached
anemone_gastrula_stage_embryo
anemone_with_zooxanthellae
anemone_asexsual_reproduction
anemone_16-cell_stage_embryo
anemone_adult
anemone_blastula_stage_embryo
anemone_planula
anemone_eaten_by_Berghia_stephanieae
anemone_polyp
anemone_egg
Hydra

are currently in plants/algae however, Cnidarians are animals.
ther eis an argument to keep anemone_with_zooxanthellae in both categories as zooxanthellae are algae

You can add missing items below.

Note that best to include an image that can be used as a template to create a vector.

• E. coli cell
• flow cytometry
• FACS machine
• Robotic cell picking
• Affinity beads cell
• Electro operation
• Glass bottles borosilicate with screwcap
• Akta pure
• HPLC machine
• NMR Spectrometer
• Mass spec
• Rotation evaporator
• Fume hood
• Hazard symbols
• Plasmid
• Supercomputer
• GPU
• CPU

https://journals.plos.org/plosbiology/article?id=10.1371/journal.pbio.3002395

Some icons in this dataset are already categorized others aren't yet categorized.
Each icon should get a unique identifying name and be uploaded to BioIcons.

Molecular Modelling icons that could make up a nice new category:

• backbone dihedral
• 2-3 different smiles strings
• force field terms
• morse potential
• lennard jones potential
• particle in a box
• torsion angle
• chemical library
• filter
• chemical library
• database
• gromacs, namd, openmm, lampps, vasp logos
• simulation boxes (square, dodecahedron etc)
• coarse graining
• QM/MM partioning
• alanine dipeptide
• metadynamics
• electrostatic potential
• rotamer
• ramachandran plot
• https://commons.wikimedia.org/wiki/File:Protein_folding_schematic.png
• Markov State Model
• Convolutional neural network
• Fully connected layer
• convolution
• voxel grid

Hello! First of all, wonderful idea, thanks for doing the work!

A suggestion I have is to make lines in graphs any other color than white, because now it is almost impossible to see them on white background, although they are there. While I know how to do it in Inkscape myself, it would improve the browsing experience. Some examples of graphs that are hard to see:
exponential-decrease
iv-administration-repeated
oral-administration-bloodconcentration-repeated (2)
pluriexponential-decrease
enterohepatic-recyling
oral-administration-bloodconcentration
renal-insufficeny-vs-normal
iv-administration-perfusion

Some icons might have different variants. It should be possible to upload them.

I suggest a reorganization of the categories to sort out current overlaps and redundancies and make icons easy to find.

After looking through the different categories I came up with the following broad categories that would most likely cover all the current icons quite well and be general enough to allow a clean interface, I am opening this to discussion to see if I have overlooked something.
The reorganization will be some effort so I am happy to do it myself if we agree on categories and definitions.

Animals

icons of complete animals

Plants Algae

icons of complete plants, algae and complete plant parts

Microbiology

bacteria, viruses, archaea, unicellular eukaryotes , parasites

Tissues and Organs

Icons of specific tissues and organs of plants and animals

Cell Building Blocks

icons of cell membranes organelles, membrane proteins for people to build their own cells

Cell Types

icons of specific cell types e.g. myocytes, neurons, stem cells, plant cells ect.

Biological Processes

Developmental/physiological processes of plants and animals

Oncology | Diseases

Cancer and other disease related assets

DNA | RNA | Nucleic Acids

everything related to nucleic acids, oligos, chromosomes

Proteins | Amino Acids

Proteins, oligos, amino acids

Lab Machines

Laboratory machines and large equipment

Lab Equipment, Glassware

glass ware, metal spatulas, glassware (bottles flasks)

Lab Consumables

pipette tips, plastic wares, tissue paper ect.

Computers and Informatics

Hardware, algorithms, Chemo and bioinformatic representations

Imaging

microscopes, lenses, optics

Graphs

all scientific graphs

Procedures | Experiments | Workflows

Workflow overviews, experimental setups

Symbols

Safety symbols, shapes, arrows

People and institutions

People, people interactions, icons of buildings (university, institute)

General items

Stuff that is not specific to science (food, calculators ect.)

Is it possible to do category renaming but just renaming the applicable folders in the static icons or is there something else tha tneeds to be changes for new categories to show up on the website?

I think it could be useful to have a dropdown filter like exists for "All icons", in order to, say, restrict the search to CC0.

It should help that the static/icons directory is already organized by license

There is an error in running yarn dev when freshly installing this on MacOS Monterey v12.6. Resolved it following via solution purposed in issue 444 in the uuid repository. This may resolve when using different versions of dependencies; however, thought it would be prudent to report a solution to this error.

Error Trace:

Module build failed (from ./node_modules/@nuxt/postcss8/node_modules/css-loader/dist/cjs.js):
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './package.json' is not defined by "exports" in /Users/kananen/Documents/workspace/fun/bioicons/node_modules/postcss/package.json
    at new NodeError (node:internal/errors:393:5)
    at exportsNotFound (node:internal/modules/esm/resolve:295:10)
    at packageExportsResolve (node:internal/modules/esm/resolve:631:9)
    at resolveExports (node:internal/modules/cjs/loader:538:36)
    at Module._findPath (node:internal/modules/cjs/loader:607:31)
    at Module._resolveFilename (node:internal/modules/cjs/loader:1025:27)
    at Module._load (node:internal/modules/cjs/loader:885:27)
    at Module.require (node:internal/modules/cjs/loader:1105:19)
    at n (/Users/kananen/Documents/workspace/fun/bioicons/node_modules/jiti/dist/v8cache.js:2:2349)
    at Object.<anonymous> (/Users/kananen/Documents/workspace/fun/bioicons/node_modules/@nuxt/postcss8/node_modules/css-loader/dist/index.js:12:39)
    at o._compile (/Users/kananen/Documents/workspace/fun/bioicons/node_modules/jiti/dist/v8cache.js:2:2655)
    at Module._extensions..js (node:internal/modules/cjs/loader:1272:10)
    at Module.load (node:internal/modules/cjs/loader:1081:32)
    at Module._load (node:internal/modules/cjs/loader:922:12)
    at Module.require (node:internal/modules/cjs/loader:1105:19)
    at n (/Users/kananen/Documents/workspace/fun/bioicons/node_modules/jiti/dist/v8cache.js:2:2349)
                                                      friendly-errors 02:30:16
 @ ./node_modules/vue-tour/dist/vue-tour.css 4:14-195 15:3-20:5 16:22-203
 @ ./plugins/vue-tour.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js

Solution
The bioicons/node_modules/postcss/package.json json should be configured with "import": "./index.js", and "./package.json": "./package.json" as shown below:

{
  "name": "postcss",
  "version": "8.2.8",
  "description": "Tool for transforming styles with JS plugins",
  "engines": {
    "node": "^10 || ^12 || >=14"
  },
  "exports": {
    "./package.json": "./package.json",
    ".": {
      "require": "./lib/postcss.js",
      "import": "./index.js",
      "import": "./lib/postcss.mjs",
      "types": "./lib/postcss.d.ts"
    },
    "./": "./"
  },
  "main": "./lib/postcss.js",
  "types": "./lib/postcss.d.ts",
  "keywords": [
    "css",
    "postcss",
    "rework",
    "preprocessor",
    "parser",
    "source map",
    "transform",
    "manipulation",
    "transpiler"
  ],
  "funding": {
    "type": "opencollective",
    "url": "https://opencollective.com/postcss/"
  },
  "author": "Andrey Sitnik <[email protected]>",
  "license": "MIT",
  "homepage": "https://postcss.org/",
  "repository": "postcss/postcss",
  "dependencies": {
    "colorette": "^1.2.2",
    "nanoid": "^3.1.20",
    "source-map": "^0.6.1"
  },
  "browser": {
    "./lib/terminal-highlight": false,
    "colorette": false,
    "fs": false,
    "path": false
  }

I love what this project is doing, great work! Please add drawings icons for

• aortic dissection
• aortic intramural hematoma
• penetrative Atherosclerotic ulcer
• Stanford classification of aortic dissection

Thank you and keep up the good work!

SVG allows for metadata. We should embed the license information in the metadata.

It should be possible to upload templates for people to reuse, that are archived on zenodo with DOI.

This should be implemented after #72 so that we can have some tagging which illustrations are used.

Hi @duerrsimon,

Love the icon set. Thanks for creating this great resource.

Seems like your last name might be spelt wrong in many places (e.g. icons.json, authors.json, website). See below for an example.

I could be wrong, but just wanted to make sure you get proper attribution.

Currently the tags are monocategory and search is based on file name only.

The category system should be refactored so that one icon can be in multiple categories and search is via category, tags or filename.

Could use utteranc.es for this

Hi!

First of all MANY thanks for developing such an amazing toolbox for research illustration. I am really excited about bioicons, the icons are just beautiful and I'm glad that a free icon library is finally accessible to researchers.

I am opening this issue just to report that some of the liver fluke icons (e.g. sporocysts, rediae) are cropped. Some of borders of the images are missing.

Is there a way to access to the full images that I'm missing?

Many thanks in advance and sorry to bother with this

Cheers from South America!
Mauricio

Thanks for this great initiative!
Would it please be possible to add an option to filter the results by license? e.g. only display the CC0 ones