Skip to content

IconMeister.github.io 7000+ SVG icons in one single file Web Component <svg-icon> (core component < 1 kB) No dependencies, no external SVG files

Notifications You must be signed in to change notification settings

iconmeister/iconmeister.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

W3C Custom Element: <svg-icon>

No external SVG files, No dependencies

For all documentation see: https://iconmeister.github.io

<svg-icon is=settings stroke=red rotate=45 ></svg-icon>

IconMeister <svg-icon> configuration options:

  • is - iconname*
  • box - (square) viewBox size
  • stroke - SVG stroke color
  • width - SVG stroke-width
  • fill - SVG fill color
  • opacity - SVG opacity
  • rotate - SVG transform rotate
  • scale - SVG matrix scale
  • tile - icon background color
  • rect - (SVG notation) background SVG
  • border - (SVG notation) border
  • xy - SVG transform translate(x y)
  • w & h - custom viewBox dimensions
  • img - 1 (default) create IMG, 0 = create SVG
  • v1,v2,v3 - custom variables
  • filter - (SVG notation) filter

(*) No, IconMeister is NOT a Customized Built-In Element

Build your own IconMeister on https://iconmeister.github.io

IconMeister code is 796 Bytes gzipped (excluding icons)

About

IconMeister.github.io 7000+ SVG icons in one single file Web Component <svg-icon> (core component < 1 kB) No dependencies, no external SVG files

Topics

Resources

Stars

Watchers

Forks