@nice2dev/icons-science

Scientific icons for NiceToDev UI - lab equipment, biology, chemistry, physics, and astronomy.

Installation

npm install @nice2dev/icons-science

Usage

import { Atom, DNA, Telescope, Microscope } from '@nice2dev/icons-science';

function App() {
  return (
    <div>
      <Atom size={24} />
      <DNA color="#10b981" />
      <Telescope variant="outlined" />
      <Microscope animation="pulse" />
    </div>
  );
}

Categories (75 Icons)

Lab Equipment (15)

import {
  Beaker,
  Flask,
  Burette,
  Microscope,
  Centrifuge,
  TestTube,
  PetriDish,
  Pipette,
  BunsenBurner,
  Thermometer,
  Scales,
  LabCoat,
  SafetyGoggles,
  Gloves,
  Sample,
} from '@nice2dev/icons-science';

Biology (15)

import {
  Cell,
  DNA,
  RNA,
  Bacteria,
  Virus,
  Organism,
  Ecosystem,
  Chromosome,
  Gene,
  Protein,
  Enzyme,
  Mitochondria,
  Nucleus,
  Membrane,
  Evolution,
} from '@nice2dev/icons-science';

Chemistry (15)

import {
  Atom,
  Molecule,
  PeriodicTable,
  Reaction,
  Bond,
  Electron,
  Proton,
  Neutron,
  Ion,
  Compound,
  Formula,
  Catalyst,
  Solution,
  Crystal,
  Polymer,
} from '@nice2dev/icons-science';

Physics (15)

import {
  Magnet,
  Lens,
  Circuit,
  Wave,
  Particle,
  Force,
  Gravity,
  Electricity,
  Light,
  Sound,
  Heat,
  Pressure,
  Energy,
  Mass,
  Velocity,
} from '@nice2dev/icons-science';

Astronomy (15)

import {
  Telescope,
  Planet,
  Star, // Default yellow color
  Galaxy,
  Rocket,
  Satellite,
  Moon,
  Sun, // Default yellow color
  Comet,
  Asteroid,
  BlackHole,
  Nebula,
  Constellation,
  SpaceStation,
  Orbit,
} from '@nice2dev/icons-science';

Tree-Shakable Imports

import { Beaker, Flask } from '@nice2dev/icons-science/lab';
import { DNA, Cell } from '@nice2dev/icons-science/biology';
import { Atom, Molecule } from '@nice2dev/icons-science/chemistry';
import { Wave, Force } from '@nice2dev/icons-science/physics';
import { Star, Planet } from '@nice2dev/icons-science/astronomy';

Props

| Prop | Type | Default | Description | | ------------------- | ------------------------------------- | ---------------- | --------------------------- | | size | number \| string | 24 | Icon size in pixels | | color | string | 'currentColor' | Icon color | | secondaryColor | string | - | Secondary color for duotone | | variant | 'filled' \| 'outlined' \| 'duotone' | 'filled' | Rendering variant | | animation | ScienceIconAnimation | - | Animation effect | | animationDuration | number | 1000 | Animation duration (ms) | | title | string | - | Accessibility title | | desc | string | - | Accessibility description |

Animations

<Atom animation="spin" />
<DNA animation="pulse" />
<Electricity animation="shake" />

Available: pulse, grow, shake, spin, bounce, fade, flip, slide, glow

Custom Icons

import { createScienceIcon } from '@nice2dev/icons-science';

const MyAtom = createScienceIcon(
  'MyAtom',
  'M12 12m-2 0a2 2 0 1 0 4 0 2 2 0 1 0-4 0...',
  '#6366f1', // optional default color
);

Use Cases

• Science education apps: Interactive lessons, quizzes
• Laboratory software: Sample management, equipment tracking
• Research platforms: Data visualization, experiment tracking
• Space exploration apps: Astronomy tools, planetarium software
• Medical/biotech dashboards: Lab results, genetic data

License

MIT © NiceToDev