What's new

Release notes: new icons and package changes in every version.

  1. v0.7.0

    • New package @healing-icons/svelte: Svelte 5 components with the same props, single-icon imports (@healing-icons/svelte/fill/HeartIcon), IconName and DynamicIcon.
    • New package @healing-icons/elements: a <healing-icon name="heart" variant="fill"> web component for any framework or plain HTML. Import the icons you use, or load dist/lazy.js from a CDN to fetch icons on demand.
    • New package @healing-icons/angular: standalone <healing-icon [icon]="HeartIcon"> component (Angular 17+, server rendering supported), tree-shakable icon data per style, and <healing-dynamic-icon name="…">.
    • New package @healing-icons/react-native: the React components rendered with react-native-svg (same props; title becomes the accessibility label).
    • Sprites: npx healing-icons sprite heart star --style fill --out icons.svg builds an SVG sprite with the icons you pick (--all for a whole style); createSprite() from healing-icons/sprite does the same in code.
    • README: using the SVG files from a CDN (jsDelivr / unpkg), including recoloring with a CSS mask.

  2. v0.6.0

    • Breaking: components moved to their own packages so you only download what you use (13 MB instead of 36 MB): - React: healing-icons → @healing-icons/react (healing-icons/fill → @healing-icons/react/fill, …) - Vue: healing-icons/vue → @healing-icons/vue - healing-icons keeps the SVG files, icons.json, and the IconName / IconStyle types. Props, component names and import paths inside each package are unchanged.

  3. v0.5.0

    • strokeWidth and absoluteStrokeWidth props (React and Vue) for outline icons.
    • Single-icon imports: healing-icons/<style>/<Component> and healing-icons/vue/<style>/<Component>.
    • IconName and IconStyle types listing every icon name and style.
    • DynamicIcon (healing-icons/dynamic, healing-icons/vue/dynamic) loads an icon by name on demand; each style's name map is loaded lazily, so the entry adds under 1 KB.
    • Package now ships LICENSE (MIT) and this changelog.
    • Tests for the build output, React and Vue rendering, TypeScript consumers and the package size.

  4. v0.4.0

    • Vue 3 components: import { HeartIcon } from "healing-icons/vue" (outline) and healing-icons/vue/<style> for every style. Same props as React: size, color, secondaryColor, title; other attributes fall through to the <svg>.
    • React output is unchanged.

  5. v0.3.0

    • Search tags: icons.json lists the tags of every icon.

  6. v0.2.0

    • First public release: 3,500+ icons in 4 styles (outline, outline-duo, fill, glyph-duo) as React components and optimized SVG files.

    First release: 3,504 icons