@epilot360/icons 1.4.2 → 1.5.0

package/README.md

@@ -40,6 +40,17 @@ import EditIcon from '@epilot360/icons/react/Edit'
 <EditIcon />
 ```
 
+## Using SVG
+
+To directly use svg files shipped as part of this package, e.g. with `file-loader` you can import from:
+
+```tsx
+import EditIconSVG from '@epilot360/icons/svg/Edit/icon.svg'
+import EditIconSVGFill from '@epilot360/icons/svg/Edit/icon-fill.svg'
+
+<img src={EditIconSVG} />
+```
+
 ## Development
 
 Run storybook locally:
@@ -61,5 +72,5 @@ You should immediately see your new icon.
 First add a custom icon to [`icons.config.yaml`](./icons.config.yaml) without an `svg_import` property. This prevents
 codegen from overriding your custom icon module.
 
-Then create the module. See [`src/react/Epilot`](./src/react/Epilot) for an example.
+Then add the custom svg. See [`src/svg/Epilot`](./src/react/Epilot) for an example.
 

package/icons.config.yaml

@@ -103,6 +103,10 @@ DragIndicator:
   name: drag_indicator
   aliases: ["drag_indicator", "drag", "move", "reorder"]
   svg_import: "@material-symbols/svg-600/outlined/drag_indicator.svg"
+Download:
+  name: download
+  aliases: ["download", "cloud_download", "cloud", "save"]
+  svg_import: "@material-symbols/svg-600/outlined/cloud_download.svg"
 Refresh:
   name: refresh
   aliases: ["refresh", "reload", "sync", "update"]
@@ -111,6 +115,10 @@ Menu:
   name: menu
   aliases: ["menu", "hamburger"]
   svg_import: "@material-symbols/svg-600/outlined/menu.svg"
+Link:
+  name: link
+  aliases: ["link", "chain", "url", "hyperlink"]
+  svg_import: "@material-symbols/svg-600/outlined/link.svg"
 Login:
   name: login
   aliases: ["login", "sign_in"]
@@ -135,6 +143,14 @@ Attributes:
   name: attributes
   aliases: ["attributes", "view_agenda", "agenda", "list"]
   svg_import: "@material-symbols/svg-600/outlined/view_agenda.svg"
+ArrowRight:
+  name: arrow_right
+  aliases: ["arrow_right", "arrow_right_alt", "right"]
+  svg_import: "@material-symbols/svg-600/outlined/arrow_right_alt.svg"
+ArrowLeft:
+  name: arrow_left
+  aliases: ["arrow_left", "arrow_left_alt", "left"]
+  svg_import: "@material-symbols/svg-600/outlined/arrow_left_alt.svg"
 
 # Entities
 Dashboard: