feat: add shadows to icons

NOMADE55 · Dec 10, 2024 · 291fb6d · 291fb6d
1 parent 5204871
commit 291fb6d
Show file tree

Hide file tree

Showing 151 changed files with 215 additions and 163 deletions.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -23,7 +23,7 @@ features of Picto, it's important to closely follow the guidelines.
 - If the icon has more than one `<path>`, they should be grouped in a `<g>`.
 - Naming the file should follow kebab-case, using only the name of the tool or
   language.
-- Background should always have `--rx` and `--bg` variables.
+- Background should always have `--rx`, `--filter`, and `--bg` variables.
 
 ### Recommended flow to create an Icon
 
@@ -48,9 +48,13 @@ features of Picto, it's important to closely follow the guidelines.
 #### Background
 
 Background includes the fill and rx (rounded corner) properties as CSS
-variables. Default value for `fill` will be shown if no background has been set
-by the renderer. Default value for `rx` is always `24px`.
+variables.
+
+- Default value for `bg` will be shown if no background has been set by the
+  renderer.
+- Default value for `rx` is always `24px`.
+- `--filter` has no default value.
 
 ```xml
-<rect width="200" height="200" style="fill: var(--bg, #fff); rx: var(--rx, 24px);" />
+<rect width="200" height="200" style="fill: var(--bg, #fff); rx: var(--rx, 24px); filter: var(--filter); filter: var(--filter);" />
 ```
diff --git a/README.md b/README.md
@@ -35,6 +35,7 @@ https://mypicto.xyz/icons
 | bg        | string           | -       | Background setting (`none` or empty string)                                |
 | rounded   | string           | -       | Border radius setting (`none`, `rounded` or numeric: `0`, `6`, `12`, etc.) |
 | playful   | string (booleam) | false   | Add _pizzazz_ to the icon row                                              |
+| shadow    | string (size)    | -       | Add drop shadow to the icons' background (`xs`, `sm`, `md`, `lg`, `xl`)    |
 
 ## Examples
 

diff --git a/icons/11ty.svg b/icons/11ty.svg
diff --git a/icons/after-effects.svg b/icons/after-effects.svg
diff --git a/icons/airtable.svg b/icons/airtable.svg
diff --git a/icons/alpine.svg b/icons/alpine.svg
diff --git a/icons/angular.svg b/icons/angular.svg
diff --git a/icons/appwrite.svg b/icons/appwrite.svg
diff --git a/icons/arch-linux.svg b/icons/arch-linux.svg
diff --git a/icons/astro.svg b/icons/astro.svg
diff --git a/icons/aurelia.svg b/icons/aurelia.svg
diff --git a/icons/auth0.svg b/icons/auth0.svg
diff --git a/icons/aws.svg b/icons/aws.svg
diff --git a/icons/azure.svg b/icons/azure.svg
diff --git a/icons/backbone.svg b/icons/backbone.svg
diff --git a/icons/bash.svg b/icons/bash.svg
diff --git a/icons/bitbucket.svg b/icons/bitbucket.svg
diff --git a/icons/blender.svg b/icons/blender.svg
diff --git a/icons/bower.svg b/icons/bower.svg
diff --git a/icons/bun.svg b/icons/bun.svg
diff --git a/icons/c-plus-plus.svg b/icons/c-plus-plus.svg
diff --git a/icons/c-sharp.svg b/icons/c-sharp.svg
diff --git a/icons/claude.svg b/icons/claude.svg
diff --git a/icons/clerk.svg b/icons/clerk.svg
diff --git a/icons/clojure.svg b/icons/clojure.svg
diff --git a/icons/contentful.svg b/icons/contentful.svg
diff --git a/icons/cordova.svg b/icons/cordova.svg
diff --git a/icons/css.svg b/icons/css.svg
diff --git a/icons/cypress.svg b/icons/cypress.svg
diff --git a/icons/dart.svg b/icons/dart.svg
diff --git a/icons/datadog.svg b/icons/datadog.svg
diff --git a/icons/debian.svg b/icons/debian.svg
diff --git a/icons/deno.svg b/icons/deno.svg
diff --git a/icons/discord.svg b/icons/discord.svg
diff --git a/icons/django.svg b/icons/django.svg
diff --git a/icons/docker.svg b/icons/docker.svg