From 1865db1a9308fea1b3a82db2e8c70e583ad69820 Mon Sep 17 00:00:00 2001
From: StefanVukovic99 <stefanvukovic44@gmail.com>
Date: Sat, 18 May 2024 21:24:28 +0200
Subject: refactor svg code for icons (#962)

* step-1

* step-2

* add-term-kana

* remove from add-term-kanji

* duplicate kana

* blue versions

* filter ids
---
 ext/images/add-duplicate-term-kana.svg | 45 ++++++++++++++--------------------
 1 file changed, 19 insertions(+), 26 deletions(-)

(limited to 'ext/images/add-duplicate-term-kana.svg')

diff --git a/ext/images/add-duplicate-term-kana.svg b/ext/images/add-duplicate-term-kana.svg
index 9b574aee..267c55ec 100644
--- a/ext/images/add-duplicate-term-kana.svg
+++ b/ext/images/add-duplicate-term-kana.svg
@@ -1,40 +1,33 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
-  <linearGradient id="linearGradient4719" x1="-1.7198" x2="-1.7198" y1="2.7781" y2="1.4552" gradientTransform="matrix(3.7795 0 0 3.7795 14 .5)" gradientUnits="userSpaceOnUse">
-   <stop stop-color="#8dba64" offset="0"/>
-   <stop stop-color="#b4d495" offset="1"/>
+<linearGradient id="inner-fill" x1="-1.7198" x2="-1.7198" y1="2.7781" y2="1.4552" gradientTransform="matrix(3.7795 0 0 3.7795 14 .5)" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#6fb558" offset="0"/>
+   <stop stop-color="#a5db9b" offset="1"/>
   </linearGradient>
-  <linearGradient id="linearGradient4745-5" x1="2.1167" x2="1.4552" y1="2.3812" y2="1.7198" gradientTransform="scale(3.7795)" gradientUnits="userSpaceOnUse">
-   <stop stop-color="#376b19" offset="0"/>
-   <stop stop-color="#81ab61" offset="1"/>
+  <linearGradient id="outer-rim"  x1="2.1167" x2="1.4552" y1="2.3812" y2="1.7198" gradientTransform="scale(3.7795 3.7795)" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#34812c" offset="0"/>
+   <stop stop-color="#87b870" offset="1"/>
   </linearGradient>
-  <radialGradient id="radialGradient4770-4" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(2.2677 -7.9311e-7 7.9312e-7 2.2677 2.7 3.7)" gradientUnits="userSpaceOnUse">
+  <radialGradient id="center-shadow" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(2.2677 -7.9311e-7 7.9312e-7 2.2677 2.7 3.7)" gradientUnits="userSpaceOnUse">
    <stop stop-opacity=".28986" offset="0"/>
    <stop stop-opacity="0" offset="1"/>
   </radialGradient>
-  <linearGradient id="linearGradient1389" x1="-1.7198" x2="-1.7198" y1="2.7781" y2="1.4552" gradientTransform="matrix(3.7795 0 0 3.7795 14 .5)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4719"/>
-  <linearGradient id="linearGradient1391" x1="2.1167" x2="1.4552" y1="2.3812" y2="1.7198" gradientTransform="scale(3.7795)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient4745-5"/>
-  <radialGradient id="radialGradient1393" cx="2.1167" cy="2.1167" r=".66146" gradientTransform="matrix(2.2677,-7.9311e-7,7.9312e-7,2.2677,2.7,3.7)" gradientUnits="userSpaceOnUse" xlink:href="#radialGradient4770-4"/>
-  <filter id="filter1916" x="-.083333" y="-.083333" width="1.1667" height="1.1667" color-interpolation-filters="sRGB">
-   <feColorMatrix result="color1" type="hueRotate" values="260"/>
-   <feColorMatrix result="color2" type="saturate" values="1"/>
-  </filter>
-  <filter id="filter1922" x="-.083333" y="-.083333" width="1.1667" height="1.1667" color-interpolation-filters="sRGB">
-   <feColorMatrix result="color1" type="hueRotate" values="260"/>
+  <filter id="green-to-red" x="-.083333" y="-.083333" width="1.1667" height="1.1667" color-interpolation-filters="sRGB">
+   <feColorMatrix result="color1" type="hueRotate" values="250"/>
    <feColorMatrix result="color2" type="saturate" values="1"/>
   </filter>
+  <symbol id="plus-in-circle" viewBox="0 0 16 16">
+    <circle cx="7.5" cy="8.5" r="3" fill="url(#inner-fill)"/>
+    <circle cx="7.5" cy="8.5" r="3" fill="none" stroke="url(#outer-rim)"/>
+    <circle cx="7.5" cy="8.5" r="1.5" fill="url(#center-shadow)"/>
+    <path d="m6 8h1v-1h1v1h1v1h-1v1h-1v-1h-1v-1" fill="#fff"/>
+  </symbol>
  </defs>
- <g transform="translate(2,-2)" filter="url(#filter1916)">
-  <circle cx="7.5" cy="8.5" r="3" fill="url(#linearGradient1389)"/>
-  <circle cx="7.5" cy="8.5" r="3" fill="none" stroke="url(#linearGradient1391)"/>
-  <circle cx="7.5" cy="8.5" r="1.5" fill="url(#radialGradient1393)"/>
-  <path d="m6 8h1v-1h1v1h1v1h-1v1h-1v-1h-1v-1" fill="#fff"/>
+ <g transform="translate(1,-1)" filter="url(#green-to-red)">
+  <use xlink:href="#plus-in-circle"/>
  </g>
- <g filter="url(#filter1922)">
-  <circle cx="7.5" cy="8.5" r="3" fill="url(#linearGradient4719)"/>
-  <circle cx="7.5" cy="8.5" r="3" fill="none" stroke="url(#linearGradient4745-5)"/>
-  <circle cx="7.5" cy="8.5" r="1.5" fill="url(#radialGradient4770-4)"/>
-  <path d="m6 8h1v-1h1v1h1v1h-1v1h-1v-1h-1v-1" fill="#fff"/>
+ <g transform="translate(-1,1)" filter="url(#green-to-red)">
+  <use xlink:href="#plus-in-circle"/>
  </g>
 </svg>
-- 
cgit v1.2.3