Add bell-dot icon and refine bell-* icons (#1064 )

* Add `bell-dot` icon * Refine `bell` icon * Refine `bell-ring` icon * Refine `bell-plus` icon * Refine `bell-minus` icon * Refine `bell-off` icon
feat: backdrop improvements (#1138 )
2025-12-19 04:59:22 +01:00 · 2023-04-27 23:03:48 +02:00 · 2023-04-27 18:08:32 +02:00 · 2023-04-27 18:06:13 +02:00
9 changed files with 58 additions and 31 deletions
--- a/icons/bell-dot.json
+++ b/icons/bell-dot.json
@@ -0,0 +1,14 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "alarm",
+    "notification",
+    "sound",
+    "reminder",
+    "unread"
+  ],
+  "categories": [
+    "account",
+    "notifications"
+  ]
+}
--- a/icons/bell-dot.svg
+++ b/icons/bell-dot.svg
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M19.4 14.9C20.2 16.4 21 17 21 17H3s3-2 3-9c0-3.3 2.7-6 6-6 .7 0 1.3.1 1.9.3" />
+  <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
+  <circle cx="18" cy="8" r="3" />
+</svg>
--- a/icons/bell-minus.svg
+++ b/icons/bell-minus.svg
@@ -9,7 +9,7 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
-  <path d="M21 5h-6" />
-  <path d="M18.021 9C18.29 15.193 21 17 21 17H3s3-2 3-9a6 6 0 0 1 7-5.916" />
+  <path d="M18.4 12c.8 3.8 2.6 5 2.6 5H3s3-2 3-9c0-3.3 2.7-6 6-6 1.8 0 3.4.8 4.5 2" />
+  <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
+  <path d="M15 8h6" />
 </svg>
--- a/icons/bell-off.svg
+++ b/icons/bell-off.svg
@@ -9,9 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
-  <path d="M18.63 13A17.888 17.888 0 0 1 18 8" />
-  <path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14" />
-  <path d="M18 8a6 6 0 0 0-9.33-5" />
+  <path d="M8.7 3A6 6 0 0 1 18 8a21.3 21.3 0 0 0 .6 5" />
+  <path d="M17 17H3s3-2 3-9a4.67 4.67 0 0 1 .3-1.7" />
+  <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
  <path d="m2 2 20 20" />
 </svg>
--- a/icons/bell-plus.svg
+++ b/icons/bell-plus.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M18.387 12C19.198 15.799 21 17 21 17H3s3-2 3-9a6 6 0 0 1 7-5.916" />
-  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
-  <path d="M18 2v6" />
-  <path d="M21 5h-6" />
+  <path d="M19.3 14.8C20.1 16.4 21 17 21 17H3s3-2 3-9c0-3.3 2.7-6 6-6 1 0 1.9.2 2.8.7" />
+  <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
+  <path d="M15 8h6" />
+  <path d="M18 5v6" />
 </svg>
--- a/icons/bell-ring.svg
+++ b/icons/bell-ring.svg
@@ -9,8 +9,8 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
-  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
-  <path d="M2 8c0-2.2.7-4.3 2-6" />
-  <path d="M22 8a10 10 0 0 0-2-6" />
+  <path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" />
+  <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
+  <path d="M4 2C2.8 3.7 2 5.7 2 8" />
+  <path d="M22 8c0-2.3-.8-4.3-2-6" />
 </svg>
--- a/icons/bell.svg
+++ b/icons/bell.svg
@@ -9,6 +9,6 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
-  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
+  <path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" />
+  <path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
 </svg>
--- a/icons/book-template.svg
+++ b/icons/book-template.svg
@@ -9,15 +9,15 @@
  stroke-linecap="round"
  stroke-linejoin="round"
 >
-  <path d="M20,22h-2" />
-  <path d="M20,15v2l-2,0" />
-  <path d="M4,19.5V15" />
-  <path d="M20,8v3" />
-  <path d="M18,2h2v2" />
-  <path d="M4,11V9" />
-  <path d="M12,2h2" />
-  <path d="M12,22h2" />
-  <path d="M12,17h2" />
-  <path d="M8,22H6.5C5.1,22,4,20.9,4,19.5S5.1,17,6.5,17H8" />
-  <path d="M4,5V4.5C4,3.1,5.1,2,6.5,2H8" />
+  <path d="M20 22h-2" />
+  <path d="M20 15v2h-2" />
+  <path d="M4 19.5V15" />
+  <path d="M20 8v3" />
+  <path d="M18 2h2v2" />
+  <path d="M4 11V9" />
+  <path d="M12 2h2" />
+  <path d="M12 22h2" />
+  <path d="M12 17h2" />
+  <path d="M8 22H6.5a2.5 2.5 0 0 1 0-5H8" />
+  <path d="M4 5v-.5A2.5 2.5 0 0 1 6.5 2H8" />
 </svg>
--- a/site/src/pages/api/gh-icon/[...data].tsx
+++ b/site/src/pages/api/gh-icon/[...data].tsx
@@ -47,11 +47,11 @@ export default async function handler(req, res) {
          </defs>
          <mask id="svg-preview-backdrop-mask-outline" maskUnits="userSpaceOnUse">
            <g stroke="#fff" dangerouslySetInnerHTML={{ __html: backdropString }} />
-            <g dangerouslySetInnerHTML={{ __html: src }} />
+            <g dangerouslySetInnerHTML={{ __html: src }} strokeWidth={2.05} />
          </mask>
          <mask id="svg-preview-backdrop-mask-fill" maskUnits="userSpaceOnUse">
            <g stroke="#fff" dangerouslySetInnerHTML={{ __html: backdropString }} />
-            <g dangerouslySetInnerHTML={{ __html: src }} />
+            <g dangerouslySetInnerHTML={{ __html: src }} strokeWidth={2.05} />
            <g strokeWidth={1.75} dangerouslySetInnerHTML={{ __html: backdropString }} />
          </mask>
          <g
@@ -68,7 +68,6 @@ export default async function handler(req, res) {
              opacity={0.5}
              stroke="none"
            />
-            <g dangerouslySetInnerHTML={{ __html: src }} />
          </g>
          <rect
            x="0"
Author	SHA1	Message	Date
Daniel Bayley	7816ed88f6	Add `bell-dot` icon and refine `bell-` icons (#1064 ) Add `bell-dot` icon * Refine `bell` icon * Refine `bell-ring` icon * Refine `bell-plus` icon * Refine `bell-minus` icon * Refine `bell-off` icon	2023-04-27 23:03:48 +02:00
Jakob Guddas	9c2d57b0dc	feat: backdrop improvements (#1138 ) * fix: reduced z-fighting * fix: fixed outline intensity issue * feat: removed useless outline	2023-04-27 18:08:32 +02:00
Jakob Guddas	6d9a0c3d63	Optimized `book-template` (#1145 )	2023-04-27 18:06:13 +02:00