diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index afe54778..6451abdb 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -346,6 +346,11 @@ PODS:
     - React-perflogger (= 0.66.0)
   - RNGestureHandler (1.10.3):
     - React-Core
+  - RNSound (0.11.1):
+    - React-Core
+    - RNSound/Core (= 0.11.1)
+  - RNSound/Core (0.11.1):
+    - React-Core
   - RNSVG (12.1.1):
     - React
   - Yoga (1.14.0)
@@ -408,6 +413,7 @@ DEPENDENCIES:
   - React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`)
   - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
   - RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
+  - RNSound (from `../node_modules/react-native-sound`)
   - RNSVG (from `../node_modules/react-native-svg`)
   - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
 
@@ -493,6 +499,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon"
   RNGestureHandler:
     :path: "../node_modules/react-native-gesture-handler"
+  RNSound:
+    :path: "../node_modules/react-native-sound"
   RNSVG:
     :path: "../node_modules/react-native-svg"
   Yoga:
@@ -544,10 +552,11 @@ SPEC CHECKSUMS:
   React-runtimeexecutor: 4bb657a97aa74568d9ed634c8bd478299bb8a3a6
   ReactCommon: eb059748e842a1a86025ebbd4ac9d99e74492f88
   RNGestureHandler: a479ebd5ed4221a810967000735517df0d2db211
+  RNSound: 27e8268bdb0a1f191f219a33267f7e0445e8d62f
   RNSVG: 551acb6562324b1d52a4e0758f7ca0ec234e278f
   Yoga: c11abbf5809216c91fcd62f5571078b83d9b6720
   YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
 
 PODFILE CHECKSUM: 45168e505fb57597cdd9ed21e3521928d9833790
 
-COCOAPODS: 1.10.2
+COCOAPODS: 1.11.2
diff --git a/ios/matchimals.xcodeproj/project.pbxproj b/ios/matchimals.xcodeproj/project.pbxproj
index aeaf62e1..041c82c0 100644
--- a/ios/matchimals.xcodeproj/project.pbxproj
+++ b/ios/matchimals.xcodeproj/project.pbxproj
@@ -251,8 +251,8 @@
 			);
 			inputPaths = (
 				"${PODS_ROOT}/Target Support Files/Pods-matchimals/Pods-matchimals-frameworks.sh",
-				"${PODS_XCFRAMEWORKS_BUILD_DIR}/double-conversion/double-conversion.framework/double-conversion",
-				"${PODS_XCFRAMEWORKS_BUILD_DIR}/OpenSSL/OpenSSL.framework/OpenSSL",
+				"${PODS_XCFRAMEWORKS_BUILD_DIR}/Flipper-DoubleConversion/double-conversion.framework/double-conversion",
+				"${PODS_XCFRAMEWORKS_BUILD_DIR}/OpenSSL-Universal/OpenSSL.framework/OpenSSL",
 			);
 			name = "[CP] Embed Pods Frameworks";
 			outputPaths = (
diff --git a/package.json b/package.json
index de3b1e1a..dc59b2bf 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "react-native-gesture-handler": "1.10.3",
     "react-native-modal": "13.0.0",
     "react-native-safe-area-context": "3.3.2",
+    "react-native-sound": "0.11.1",
     "react-native-svg": "12.1.1",
     "react-native-video": "5.1.1",
     "react-native-web": "0.17.5",
diff --git a/src/App.js b/src/App.js
index ec89d471..50169658 100644
--- a/src/App.js
+++ b/src/App.js
@@ -9,9 +9,11 @@ import game from "./Matchimals/game";
 import MainMenu from "./MainMenu";
 import { MusicProvider } from "./Music";
 import { PlayerProvider } from "./hooks/players";
+import Dragimals from "./Dragimals";
 
 class App extends Component {
   state = {
+    playDragimals: false,
     isMainMenuVisible: true,
     numPlayers: 1,
   };
@@ -29,8 +31,15 @@ class App extends Component {
     });
   };
 
+  playDragimals = () => {
+    this.setState((state) => ({
+      ...state,
+      playDragimals: true,
+    }));
+  };
+
   render() {
-    const { isMainMenuVisible, numPlayers } = this.state;
+    const { isMainMenuVisible, numPlayers, playDragimals } = this.state;
     const MatchimalsClient = Client({
       board: Matchimals,
       game,
@@ -44,8 +53,13 @@ class App extends Component {
           <PlayerProvider>
             <View style={styles.root}>
               <StatusBar hidden />
-              {isMainMenuVisible ? (
-                <MainMenu startGame={this.startGame} />
+              {playDragimals ? (
+                <Dragimals />
+              ) : isMainMenuVisible ? (
+                <MainMenu
+                  startGame={this.startGame}
+                  playDragimals={this.playDragimals}
+                />
               ) : (
                 <MatchimalsClient backToMainMenu={this.backToMainMenu} />
               )}
diff --git a/src/Dragimals/Animals/Bear.js b/src/Dragimals/Animals/Bear.js
new file mode 100644
index 00000000..90d82b0d
--- /dev/null
+++ b/src/Dragimals/Animals/Bear.js
@@ -0,0 +1,51 @@
+import * as React from "react";
+import Svg, { Circle, Path, Ellipse } from "react-native-svg";
+
+export function Bear(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 650.54 575.5"
+      {...props}
+    >
+      <Circle cx={552.87} cy={93.52} r={93.52} fill="#b58d52" />
+      <Circle
+        cx={543.33}
+        cy={97.82}
+        r={56.78}
+        transform="rotate(-14.79 543.212 97.806)"
+        fill="#f2c88a"
+      />
+      <Circle cx={97.67} cy={93.52} r={93.52} fill="#b58d52" />
+      <Circle
+        cx={107.21}
+        cy={97.82}
+        r={56.78}
+        transform="rotate(-75.21 107.216 97.817)"
+        fill="#f2c88a"
+      />
+      <Path
+        d="M650.54 300.87c0 179.13-145.63 274.63-325.27 274.63S0 480 0 300.87 145.63 1.38 325.27 1.38s325.27 120.39 325.27 299.49z"
+        fill="#b58d52"
+      />
+      <Path
+        d="M446.28 458.86c0 57.67-54.18 95.31-121 95.31s-121-37.64-121-95.31 54.18-104.42 121-104.42 121 46.75 121 104.42z"
+        fill="#feedc5"
+      />
+      <Path
+        d="M367.23 436.82c0 20-18.78 33.06-42 33.06s-42-13.06-42-33.06 18.79-36.21 42-36.21 42 16.22 42 36.21z"
+        fill="#664e29"
+      />
+      <Path
+        fill="none"
+        stroke="#664e29"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={12.27}
+        d="M325.27 435.81v68.88M266.75 485.47s46.24 63.94 117 0"
+      />
+      <Ellipse cx={168.64} cy={346.13} rx={40.02} ry={42.2} fill="#664e29" />
+      <Ellipse cx={481.9} cy={346.13} rx={40.02} ry={42.2} fill="#664e29" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Cat.js b/src/Dragimals/Animals/Cat.js
new file mode 100644
index 00000000..37b6e0fc
--- /dev/null
+++ b/src/Dragimals/Animals/Cat.js
@@ -0,0 +1,55 @@
+import * as React from "react";
+import Svg, { Path, Circle } from "react-native-svg";
+
+export function Cat(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 914.14 587.46"
+      {...props}
+    >
+      <Path
+        d="M143.34 160.19l.47-80.6c.09-16 .25-32.36 5.75-47.38S167.05 3.54 182.77.62c17.07-3.18 33.61 6.52 48.23 15.82L291.84 55c26.32 16.7 55.48 37.95 57.58 69.05.6 8.88-1.19 17.75-3.42 26.37-9.65 37.18-28.55 72.81-58.11 97.34-25.59 21.23-78.7 44.67-110.73 23.46-33-21.8-34.02-76.7-33.82-111.03z"
+        fill="#e2d7d3"
+      />
+      <Path
+        d="M180.09 97.83c-.12-7.55-.09-15.33 2.77-22.32a29.55 29.55 0 0123.87-17.79c13.56-1.35 26 6.79 37.22 14.56l26 18.11c10.12 7 21.17 15.55 22.55 27.8 1.48 13-8.62 24.24-18.19 33.21-11.09 10.42-22.57 20.57-35.54 28.54s-27.54 13.71-42.77 14.58c-9.12.53-9.62-4.48-10.48-12q-1.65-14.42-2.79-28.86-2.2-27.88-2.64-55.83z"
+        fill="#fcebeb"
+      />
+      <Path
+        d="M770.8 160.19l-.47-80.6c-.09-16-.25-32.36-5.75-47.38S747.09 3.54 731.37.62c-17.07-3.18-33.6 6.52-48.26 15.82L622.3 55c-26.3 16.74-55.48 38-57.58 69.09-.6 8.88 1.19 17.75 3.42 26.37 9.65 37.18 28.55 72.81 58.11 97.34C651.84 269 705 292.47 737 271.26c33-21.84 34-76.74 33.8-111.07z"
+        fill="#e2d7d3"
+      />
+      <Path
+        d="M734.05 97.83c.12-7.55.09-15.33-2.77-22.32a29.55 29.55 0 00-23.87-17.79c-13.56-1.35-26 6.79-37.22 14.56l-26 18.11c-10.12 7-21.17 15.55-22.55 27.8-1.48 13 8.62 24.24 18.19 33.21 11.1 10.42 22.57 20.57 35.54 28.54s27.58 13.71 42.78 14.58c9.12.53 9.62-4.48 10.48-12q1.65-14.42 2.79-28.86 2.2-27.88 2.63-55.83z"
+        fill="#fcebeb"
+      />
+      <Path
+        d="M798.35 346.6c-.89 162.55-150.71 241.86-335.51 240.85s-334.57-82-333.68-244.51S280.5 63.88 465.29 64.89 799.24 184.06 798.35 346.6z"
+        fill="#e2d7d3"
+      />
+      <Path
+        d="M.79 377.37c15.11 1.57 30.05 3.91 45 6.42s29.73 5.42 44.52 8.52 29.51 6.46 44.18 10.1 29.29 7.57 43.75 12.22c-15.11-1.56-30.06-3.89-45-6.41s-29.74-5.42-44.52-8.53-29.51-6.47-44.18-10.11S15.25 382 .79 377.37zM0 481.54c14.6-4.2 29.33-7.62 44.1-10.87s29.6-6.1 44.47-8.75 29.79-5.06 44.75-7.17 30-3.94 45.14-5c-14.6 4.21-29.33 7.64-44.1 10.88s-29.6 6.1-44.47 8.75-29.79 5-44.76 7.15-29.98 3.9-45.13 5.01zM914.14 378.34c-14.51 4.49-29.17 8.2-43.87 11.73s-29.48 6.68-44.3 9.63-29.68 5.64-44.6 8-29.91 4.52-45 5.92c14.51-4.49 29.17-8.21 43.87-11.74s29.48-6.68 44.3-9.62 29.68-5.63 44.6-8 29.86-4.52 45-5.92zM914 482.51c-15.11-1.27-30.1-3.31-45-5.51s-29.83-4.83-44.68-7.64-29.63-5.88-44.37-9.24-29.43-7-44-11.35c15.13 1.26 30.12 3.3 45.07 5.53s29.84 4.83 44.68 7.65 29.63 5.89 44.37 9.25 29.41 6.96 43.93 11.31z"
+        fill="#828383"
+      />
+      <Path
+        d="M533.93 473.57c-1.19 14.28-12.44 23.89-25.88 26.83-12.53 2.74-30.15.82-38-10.51-3.93-5.68-5.35-12.72-5.36-19.53M393.59 472.8c1 14.3 12.17 24 25.57 27.11 12.51 2.88 30.14 1.16 38.11-10.09 4-5.63 5.49-12.66 5.57-19.47"
+        fill="none"
+        stroke="#828383"
+        strokeLinecap="round"
+        strokeMiterlimit={10}
+        strokeWidth={10.84}
+      />
+      <Path
+        d="M485.7 452.81c-.05 8.49-9.47 19.63-21 19.57s-20.84-11.31-20.79-19.8 9.44-15.32 21-15.25 20.83 6.99 20.79 15.48z"
+        fill="#828383"
+      />
+      <Path
+        d="M415 136.26c6.42 13.61 13 27.42 23 38.66 3.46-11.22 3.5-23.17 3.5-34.91V65.43a414.75 414.75 0 00-53.71 6.16c3.56 14.3 9.84 27.92 16.1 41.18q5.58 11.74 11.11 23.49zM489.09 174.92c10-11.24 16.56-25 23-38.66l11.08-23.49c6.23-13.21 12.51-26.75 16.09-41a414.4 414.4 0 00-53.69-6.29v74.51c.02 11.76.05 23.71 3.52 34.93z"
+        fill="#bcb4b1"
+      />
+      <Circle cx={316.27} cy={392.72} r={37.78} fill="#828383" />
+      <Circle cx={611.24} cy={392.72} r={37.78} fill="#828383" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Chicken.js b/src/Dragimals/Animals/Chicken.js
new file mode 100644
index 00000000..728f469a
--- /dev/null
+++ b/src/Dragimals/Animals/Chicken.js
@@ -0,0 +1,56 @@
+import * as React from "react";
+import Svg, { Ellipse, Path, Circle } from "react-native-svg";
+
+export function Chicken(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 638.38 704.51"
+      {...props}
+    >
+      <Ellipse cx={319.19} cy={86.5} rx={47.47} ry={86.5} fill="#ee7b3f" />
+      <Ellipse
+        cx={250.95}
+        cy={103.37}
+        rx={41.87}
+        ry={76.29}
+        transform="rotate(-45 250.957 103.37)"
+        fill="#ee7b3f"
+      />
+      <Ellipse
+        cx={387.43}
+        cy={103.37}
+        rx={76.29}
+        ry={41.87}
+        transform="rotate(-45 387.428 103.372)"
+        fill="#ee7b3f"
+      />
+      <Path
+        d="M638.38 449.47c0 189.76-142.91 255-319.19 255S0 639.23 0 449.47 142.91 105.9 319.19 105.9s319.19 153.82 319.19 343.57z"
+        fill="#f6f5e6"
+      />
+      <Path
+        d="M343.33 483.35c0 20.89-10.81 34.93-24.14 34.93s-24.14-14-24.14-34.93 10.81-62.12 24.14-62.12 24.14 41.23 24.14 62.12z"
+        fill="#ee7b3f"
+      />
+      <Path
+        d="M378.57 424.65c0 15.39-26.59 27.86-59.38 27.86s-59.38-12.51-59.38-27.86 26.59-40.32 59.38-40.32 59.38 24.94 59.38 40.32z"
+        fill="#f2d72b"
+      />
+      <Circle
+        cx={197.88}
+        cy={370.83}
+        r={35.79}
+        transform="rotate(-22.5 197.871 370.834)"
+        fill="#664e29"
+      />
+      <Circle
+        cx={440.5}
+        cy={370.83}
+        r={35.79}
+        transform="rotate(-45 440.493 370.832)"
+        fill="#664e29"
+      />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Cow.js b/src/Dragimals/Animals/Cow.js
new file mode 100644
index 00000000..7244dac6
--- /dev/null
+++ b/src/Dragimals/Animals/Cow.js
@@ -0,0 +1,61 @@
+import * as React from "react";
+import Svg, { Path, Rect, Ellipse } from "react-native-svg";
+
+export function Cow(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 708.21 712.26"
+      {...props}
+    >
+      <Path
+        d="M159.24 51.9c5-17.41 12.67-35.49 24.95-48.21a11.84 11.84 0 0120.39 7.24A199.44 199.44 0 00246 117.76c5.33 6.79 11.19 13.39 14.44 21.4 7.94 19.6-2.54 43-19.48 55.63-11.84 8.84-40.75 22.62-56 17.08-14.64-5.32-22.82-30.21-27.2-43.78-12.06-37.4-9.21-78.83 1.48-116.19zM549 51.9c-5-17.41-12.67-35.49-25-48.21a11.84 11.84 0 00-20.39 7.24 199.36 199.36 0 01-41.41 106.83c-5.33 6.79-11.19 13.39-14.44 21.4-7.94 19.6 2.54 43 19.49 55.63 11.83 8.84 40.75 22.62 56 17.08 14.63-5.32 22.81-30.21 27.19-43.78 12.07-37.4 9.23-78.83-1.44-116.19z"
+        fill="#f1c474"
+      />
+      <Path
+        d="M560.7 510.89a392.59 392.59 0 0024.3-250.7c-2.86-12.05-6.31-24-11.37-35.32-15.1-33.72-43.95-59.92-76.45-77.51-24.81-13.42-51.78-22.22-79.07-29-23.62-5.89-104.41-5.89-128 0-27.29 6.8-54.26 15.6-79.07 29-32.49 17.59-61.35 43.79-76.44 77.51-5.07 11.31-8.52 23.27-11.37 35.32a392.58 392.58 0 0024.3 250.7c.26.56.53 1.11.79 1.68-.6 6.64-.94 13.35-.94 20.15 0 117.78 92.56 179.54 206.75 179.54s206.73-61.76 206.73-179.54c0-6.8-.35-13.51-1-20.15.31-.57.59-1.12.84-1.68z"
+        fill="#fff5e4"
+      />
+      <Rect
+        x={223.24}
+        y={542.49}
+        width={261.73}
+        height={169.77}
+        rx={84.89}
+        fill="#fad2c0"
+      />
+      <Path
+        d="M371.21 126.92a198.78 198.78 0 00-3.94 29.66c-.65 9.38-.89 18.77-1.11 28.17-.24 9.78-1 19.55-1.16 29.32a246.11 246.11 0 0010.54 74.32c7.26 24.45 17.54 47.89 28.15 71 18.58 40.56 41.35 79.69 72.1 112.3a292.76 292.76 0 0085 62.11v-1.11c0-6.8-.35-13.51-1-20.15.26-.56.54-1.12.79-1.68A392.59 392.59 0 00585 260.19c-2.86-12.05-6.31-24-11.37-35.32-15.1-33.72-43.95-59.92-76.45-77.51-24.81-13.42-51.78-22.22-79.07-29-8.64-2.16-24.95-3.52-43.3-4.1a101.49 101.49 0 00-3.6 12.66z"
+        fill="#636262"
+      />
+      <Path
+        d="M4 205.61a9.16 9.16 0 00-3.49 3.68c-1 2.34-.2 5.08.66 7.47 8.15 22.39 23.67 41.33 42.94 52.36 25.07 14.35 54.42 15 82.6 15.16 28.72.14 60.89-1.51 80.66-24.77 6.5-7.65 11.23-17.76 10.93-28.3-1.18-40.75-65.37-49.4-90.91-52.6C85 173.3 40.53 179.9 4 205.61z"
+        fill="#fff5e4"
+      />
+      <Path
+        d="M704.26 205.61a9.12 9.12 0 013.5 3.68c1 2.34.2 5.08-.67 7.47-8.14 22.39-23.67 41.33-42.93 52.36-25.07 14.35-54.43 15-82.61 15.16-28.72.14-60.89-1.51-80.65-24.77-6.51-7.65-11.24-17.76-10.93-28.3 1.17-40.75 65.36-49.4 90.9-52.6 42.36-5.31 86.82 1.29 123.39 27z"
+        fill="#636262"
+      />
+      <Ellipse
+        cx={300.81}
+        cy={643.64}
+        rx={22.64}
+        ry={29.71}
+        transform="rotate(-20.77 300.782 643.616)"
+        fill="#636262"
+      />
+      <Ellipse
+        cx={405.98}
+        cy={643.64}
+        rx={29.71}
+        ry={22.64}
+        transform="rotate(-69.23 405.994 643.651)"
+        fill="#636262"
+      />
+      <Ellipse cx={218.19} cy={400.65} rx={49.24} ry={55.16} fill="#fff" />
+      <Ellipse cx={230.47} cy={400.65} rx={37.5} ry={42.01} fill="#636262" />
+      <Ellipse cx={490.02} cy={400.65} rx={49.24} ry={55.16} fill="#fff" />
+      <Ellipse cx={477.75} cy={400.65} rx={37.5} ry={42.01} fill="#636262" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Dog.js b/src/Dragimals/Animals/Dog.js
new file mode 100644
index 00000000..d3b8b297
--- /dev/null
+++ b/src/Dragimals/Animals/Dog.js
@@ -0,0 +1,61 @@
+import * as React from "react";
+import Svg, { Path, Ellipse, Circle } from "react-native-svg";
+
+export function Dog(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 631.07 660.69"
+      {...props}
+    >
+      <Path
+        d="M78 9.73C73.32 4.6 67.92.48 61 0S47.93 3.27 42.82 7.7C23.05 24.84 12.59 131.62 13.14 160.28c.74 39.3 7.36 79 24.51 114.41 1.91 3.93 4.08 8 7.66 10.45 4 2.8 9.19 3.23 14.09 3.56 22.06 1.49 45.12 2.67 65.36-6.23 25-11 41.17-35.22 55.76-58.33 6.67-10.58 13.37-21.3 17.55-33.09s5.7-24.93 1.85-36.84C195.35 140.06 93.93 27.36 78 9.73z"
+        fill="#f8c36a"
+      />
+      <Path
+        d="M81.4 47.24c-3.5-4.71-7.82-9.94-13.68-10-3.55 0-6.78 2-9.51 4.24C41 55.79 37.8 80.52 36 102.8c-4 48.75-6.67 100.59 16.54 143.65 1.4 2.6 3 5.25 5.44 6.9 2.87 1.92 6.5 2.18 9.95 2.39 16.66 1 34.07 1.87 49.29-5 18.19-8.17 30-25.82 40.68-42.64 6.36-10 12.8-20.24 15.43-31.78 6.35-27.89-14.55-41.56-31.6-58.82A662.83 662.83 0 0181.4 47.24z"
+        fill="#fff5c6"
+      />
+      <Path
+        d="M553.11 9.73C557.75 4.6 563.16.48 570 0s13.12 3.23 18.23 7.66c19.77 17.18 30.25 123.96 29.71 152.62-.74 39.3-7.37 79-24.52 114.41-1.91 3.93-4.07 8-7.66 10.45-4 2.8-9.19 3.23-14.08 3.56-22.07 1.49-45.13 2.67-65.37-6.23-25-11-41.17-35.22-55.75-58.33-6.68-10.58-13.38-21.3-17.56-33.09s-5.7-24.93-1.85-36.84c4.58-14.15 106-126.85 121.96-144.48z"
+        fill="#f8c36a"
+      />
+      <Path
+        d="M549.67 47.24c3.5-4.71 7.82-9.94 13.69-10 3.54 0 6.78 2 9.51 4.24 17.2 14.26 20.4 39 22.22 61.27 4 48.75 6.67 100.59-16.53 143.65-1.41 2.6-3 5.25-5.45 6.9-2.87 1.92-6.5 2.18-10 2.39-16.65 1-34.07 1.87-49.29-5-18.19-8.17-30-25.82-40.68-42.64-6.36-10-12.79-20.24-15.42-31.78-6.36-27.89 14.54-41.56 31.59-58.82a662.83 662.83 0 0060.36-70.21z"
+        fill="#fff5c6"
+      />
+      <Path
+        d="M631.07 353c0-169.93-134.8-263.74-309.06-263.74S0 183.06 0 353s141.27 307.7 315.54 307.7S631.07 522.93 631.07 353z"
+        fill="#f8c36a"
+      />
+      <Path
+        d="M173.18 546.71c0 62.77 63.74 113.65 142.36 113.65s142.35-50.88 142.35-113.65-63.73-115.94-142.35-115.94-142.36 53.17-142.36 115.94z"
+        fill="#fff5c6"
+      />
+      <Path
+        d="M276.44 540.33c0 14.83 17.07 32.37 38.66 32.37s39.53-17.54 39.53-32.37-17.5-26.86-39.09-26.86-39.1 12.02-39.1 26.86z"
+        fill="#71572b"
+      />
+      <Ellipse cx={455.59} cy={417.53} rx={38.29} ry={38.5} fill="#71572b" />
+      <Ellipse cx={175.48} cy={417.53} rx={38.29} ry={38.5} fill="#71572b" />
+      <Path
+        d="M237.53 569.1l3.52 8.35a39.49 39.49 0 004.29 8.26c3.47 4.69 8.91 7.62 14.54 9.13s11.52 1.74 17.35 1.93c8.71.29 17.79.46 25.71-3.19s14.23-12.33 12.22-20.81"
+        fill="none"
+        stroke="#71572b"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={13.49}
+      />
+      <Path
+        d="M393.54 569.1c-1.17 2.78-2.35 5.56-3.52 8.35a39.49 39.49 0 01-4.29 8.26c-3.47 4.69-8.9 7.62-14.54 9.13s-11.51 1.74-17.34 1.93c-8.72.29-17.8.46-25.71-3.19s-14.24-12.33-12.22-20.81"
+        fill="none"
+        stroke="#71572b"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={13.49}
+      />
+      <Circle cx={193.5} cy={289.73} r={30.37} fill="#fff5c6" />
+      <Circle cx={437.58} cy={289.73} r={30.37} fill="#fff5c6" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Frog.js b/src/Dragimals/Animals/Frog.js
new file mode 100644
index 00000000..f030c5b7
--- /dev/null
+++ b/src/Dragimals/Animals/Frog.js
@@ -0,0 +1,65 @@
+import * as React from "react";
+import Svg, { Path, Circle, Ellipse } from "react-native-svg";
+
+export function Frog(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 632.06 476.69"
+      {...props}
+    >
+      <Path
+        d="M629.89 309.5c0 128.76-140.52 165-313.86 165S2.17 438.26 2.17 309.5 142.69 76.37 316 76.37 629.89 180.75 629.89 309.5z"
+        fill="#b6ce6a"
+        stroke="#b6ce6a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={4.35}
+      />
+      <Circle
+        cx={484.33}
+        cy={107.95}
+        r={105.66}
+        transform="rotate(-45 484.332 107.943)"
+        fill="#b6ce6a"
+        stroke="#b6ce6a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={4.57}
+      />
+      <Path
+        d="M437.1 131.56a49.5 49.5 0 0062.61 31.79 50 50 0 0031.85-62.93A49.51 49.51 0 00469 68.63a50 50 0 00-31.9 62.93z"
+        fill="#69793d"
+      />
+      <Circle
+        cx={146.04}
+        cy={107.95}
+        r={105.66}
+        transform="rotate(-45 146.035 107.95)"
+        fill="#b6ce6a"
+        stroke="#b6ce6a"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={4.57}
+      />
+      <Ellipse
+        cx={146.04}
+        cy={115.99}
+        rx={49.65}
+        ry={49.87}
+        transform="rotate(-18.23 145.987 115.964)"
+        fill="#69793d"
+      />
+      <Path
+        fill="none"
+        stroke="#69793d"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={14.62}
+        d="M143.39 267.84l171.23 94.08 172.36-96.31"
+      />
+      <Circle cx={284.81} cy={255.92} r={11.39} fill="#69793d" />
+      <Circle cx={345.56} cy={255.92} r={11.39} fill="#69793d" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Gorilla.js b/src/Dragimals/Animals/Gorilla.js
new file mode 100644
index 00000000..b9abb031
--- /dev/null
+++ b/src/Dragimals/Animals/Gorilla.js
@@ -0,0 +1,61 @@
+import * as React from "react";
+import Svg, { Ellipse, Path } from "react-native-svg";
+
+export function Gorilla(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 768.46 614.78"
+      {...props}
+    >
+      <Ellipse cx={95} cy={343.78} rx={95} ry={98.53} fill="#afafaf" />
+      <Ellipse cx={673.46} cy={343.78} rx={95} ry={98.53} fill="#afafaf" />
+      <Path
+        d="M588.67 181.37c0 89.7-91.53 162.41-204.44 162.41s-204.44-72.71-204.44-162.41S271.32 0 384.23 0s204.44 91.67 204.44 181.37z"
+        fill="#686663"
+      />
+      <Path
+        d="M692.42 358.16c0 157.61-138 256.62-308.19 256.62S76 515.77 76 358.16 214 72.79 384.23 72.79s308.19 127.77 308.19 285.37z"
+        fill="#686663"
+      />
+      <Path
+        d="M491.59 194.18c-41.88-.1-79.73 21.3-107.36 55.9-27.63-34.6-65.48-56-107.36-55.9-84.34 2.18-152.78 78.93-152.52 169.9.12 55.37 25 109.53 61.94 149.77 50.78 55.25 124.53 77.85 197.94 76.27 73.41 1.58 147.16-21 197.94-76.27 37-40.24 61.82-94.4 61.94-149.77.26-90.97-68.18-167.72-152.52-169.9z"
+        fill="#afafaf"
+      />
+      <Path
+        d="M432 439.86c16.92-16.19 19.85-39.63 6.54-52.37s-37.42-10-54.32 5.89c-16.9-15.85-41.12-18.52-54.32-5.89s-10.39 36.18 6.53 52.37"
+        fill="none"
+        stroke="#686663"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={11.34}
+      />
+      <Ellipse
+        cx={351.92}
+        cy={415.32}
+        rx={13.13}
+        ry={16.75}
+        transform="rotate(-50.33 351.889 415.306)"
+        fill="#686663"
+      />
+      <Ellipse
+        cx={415.38}
+        cy={415.32}
+        rx={16.75}
+        ry={13.13}
+        transform="rotate(-39.67 415.423 415.339)"
+        fill="#686663"
+      />
+      <Path
+        fill="none"
+        stroke="#686663"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={11.34}
+        d="M384.23 466.03v34.91M253.57 462.34c77.41 60.29 183.91 60.29 261.32 0M269.05 323.86c68.24 26.57 162.12 26.57 230.36 0"
+      />
+      <Ellipse cx={268.75} cy={367.69} rx={27.79} ry={28.83} fill="#686663" />
+      <Ellipse cx={500.03} cy={367.69} rx={27.79} ry={28.83} fill="#686663" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Koala.js b/src/Dragimals/Animals/Koala.js
new file mode 100644
index 00000000..45c07d2a
--- /dev/null
+++ b/src/Dragimals/Animals/Koala.js
@@ -0,0 +1,51 @@
+import * as React from "react";
+import Svg, { Circle, Path, Ellipse } from "react-native-svg";
+
+export function Koala(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 838.58 565.04"
+      {...props}
+    >
+      <Circle
+        cx={679.77}
+        cy={158.81}
+        r={158.81}
+        transform="rotate(-45 679.768 158.801)"
+        fill="#afb8c1"
+      />
+      <Circle
+        cx={670.41}
+        cy={165.91}
+        r={110.32}
+        transform="rotate(-45 670.414 165.915)"
+        fill="#edf7fc"
+      />
+      <Circle
+        cx={158.81}
+        cy={158.81}
+        r={158.81}
+        transform="rotate(-45 158.81 158.808)"
+        fill="#afb8c1"
+      />
+      <Circle
+        cx={168.17}
+        cy={165.91}
+        r={110.32}
+        transform="rotate(-45 168.172 165.91)"
+        fill="#edf7fc"
+      />
+      <Path
+        d="M704.49 326c0 157.51-127.69 239-285.2 239s-285.2-81.49-285.2-239S261.78 40.85 419.29 40.85 704.49 168.53 704.49 326z"
+        fill="#afb8c1"
+      />
+      <Path
+        d="M486.28 411.16c0 37-30 56.14-67 56.14s-67-19.14-67-56.14 30-84.55 67-84.55 67 47.56 67 84.55z"
+        fill="#505050"
+      />
+      <Ellipse cx={276.41} cy={340.63} rx={33.76} ry={37.68} fill="#606060" />
+      <Ellipse cx={562.17} cy={340.63} rx={33.76} ry={37.68} fill="#606060" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Lion.js b/src/Dragimals/Animals/Lion.js
new file mode 100644
index 00000000..575173ea
--- /dev/null
+++ b/src/Dragimals/Animals/Lion.js
@@ -0,0 +1,61 @@
+import * as React from "react";
+import Svg, { Path, Circle, Ellipse } from "react-native-svg";
+
+export function Lion(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 669.98 769.27"
+      {...props}
+    >
+      <Path
+        d="M326.76 0s-98.89 18.89-131.65 92.81c0 0-81.25-10.7-165.57 69 0 0 58.34 31.49 67.5 36.07 0 0-104.27 51.53-96.64 124.78 0 0 20.84-1.83 56.25-5.37-23.27 27.08-68.91 71.45-39.73 215.65 0 0 13.93 2 51.78-22.61-1 10.88-17.42 155 136.62 221.2l55.45-40s21.69 39.63 62.89 77.78c0 0 34.35 0 70-71.68l56.56 35.06S610.52 658.28 576 507.57c0 0 44.92 22.1 81.43 33.39 0 0 28.31-139.47-50.28-231.79 0 0 11 22.27 61.81 16.85 0 0 17.67-104.6-93.87-124.07 0 0 50.24-15.2 68.55-15.2 0 0-16-99.15-162.54-74 0 0 10.53-53.24 26.73-70.61 0 0-70.05-42.42-162.18 29.68z"
+        fill="#9d7453"
+      />
+      <Circle cx={174.5} cy={229.54} r={59.48} fill="#fdda90" />
+      <Circle cx={180.17} cy={235.21} r={40.36} fill="#f9f6ca" />
+      <Circle cx={486.76} cy={229.54} r={59.48} fill="#fdda90" />
+      <Circle cx={481.1} cy={235.21} r={40.36} fill="#f9f6ca" />
+      <Path
+        d="M550.8 440.41c0 136.19-98.57 207-220.17 207s-220.16-70.81-220.16-207 98-255.55 219.56-255.55S550.8 304.22 550.8 440.41z"
+        fill="#fdda90"
+      />
+      <Path
+        d="M213.5 527.21c-5.11 14.63 3.93 27.94 15.83 35.85 13.91 9.24 32.12 12.32 48.45 9.56 25.75-4.36 55.72-26.65 51.77-55.89"
+        fill="none"
+        stroke="#825e42"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={12.05}
+      />
+      <Path
+        d="M447.76 527.21c5.12 14.63-3.93 27.94-15.83 35.85-13.9 9.24-32.11 12.32-48.45 9.56-25.74-4.36-55.72-26.65-51.76-55.89"
+        fill="none"
+        stroke="#825e42"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={12.05}
+      />
+      <Path
+        d="M360.86 468.45a161.45 161.45 0 00-30.23-2.39 161.28 161.28 0 00-30.22 2.39c-10.3 2.11-15.13 15.25-10.59 23.47a113 113 0 0018.41 24.81c5.18 5.22 14 14.3 22.4 13.26 8.37 1 17.23-8 22.4-13.26a113.06 113.06 0 0018.42-24.81c4.55-8.22-.3-21.36-10.59-23.47z"
+        fill="#825e42"
+      />
+      <Ellipse
+        cx={440.31}
+        cy={390.52}
+        rx={26.94}
+        ry={26.72}
+        transform="rotate(-62.87 440.294 390.523)"
+        fill="#825e42"
+      />
+      <Ellipse
+        cx={220.95}
+        cy={390.52}
+        rx={26.72}
+        ry={26.94}
+        transform="rotate(-27.14 220.971 390.538)"
+        fill="#825e42"
+      />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Monkey.js b/src/Dragimals/Animals/Monkey.js
new file mode 100644
index 00000000..21f6f10d
--- /dev/null
+++ b/src/Dragimals/Animals/Monkey.js
@@ -0,0 +1,47 @@
+import * as React from "react";
+import Svg, { Path, Circle } from "react-native-svg";
+
+export function Monkey(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 847.22 567.13"
+      {...props}
+    >
+      <Path
+        d="M847.21 319.22a113.83 113.83 0 11-112.35-115.3 113.85 113.85 0 01112.35 115.3zM0 319.22a113.83 113.83 0 10112.35-115.3A113.85 113.85 0 000 319.22z"
+        fill="#fde4c5"
+      />
+      <Path
+        d="M745 294.65c0 150.49-143.87 272.48-321.34 272.48s-321.34-122-321.34-272.48S246.14 0 423.61 0 745 144.16 745 294.65z"
+        fill="#b3861d"
+      />
+      <Path
+        d="M542.91 142.84c-46.53-.1-88.59 21.9-119.3 57.46-30.71-35.56-72.77-57.56-119.3-57.46-93.73 2.24-169.79 81.16-169.51 174.67.14 56.93 27.75 112.62 68.84 154 56.43 56.8 138.39 80 220 78.42 81.58 1.63 163.54-21.62 220-78.42 41.09-41.36 68.7-97.05 68.84-154 .22-93.51-75.84-172.43-169.57-174.67z"
+        fill="#fde4c5"
+      />
+      <Path
+        d="M440.88 400.72c-.07 5.85-7.87 10.5-17.41 10.37s-17.21-5-17.13-10.82 7.87-10.49 17.41-10.37 17.25 4.97 17.13 10.82z"
+        fill="#634900"
+      />
+      <Path
+        d="M423.8 424.28c-.05 19.88-22.18 32.06-40.13 29.62-12.73-1.73-20.12-11.25-24-23"
+        fill="none"
+        stroke="#634900"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={13.02}
+      />
+      <Path
+        d="M423.42 424.28c.05 19.88 22.18 32.06 40.13 29.62 12.73-1.73 20.12-11.25 24-23M423.61 407.22v24.43"
+        fill="none"
+        stroke="#634900"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={13.02}
+      />
+      <Circle cx={299.67} cy={346.66} r={34.27} fill="#634900" />
+      <Circle cx={547.55} cy={346.66} r={34.27} fill="#634900" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Owl.js b/src/Dragimals/Animals/Owl.js
new file mode 100644
index 00000000..bc69a413
--- /dev/null
+++ b/src/Dragimals/Animals/Owl.js
@@ -0,0 +1,85 @@
+import * as React from "react";
+import Svg, { Defs, ClipPath, Circle, Path, G } from "react-native-svg";
+
+export function Owl(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 686.1 515.76"
+      {...props}
+    >
+      <Defs>
+        <ClipPath id="Owl_svg__a">
+          <Circle
+            cx={448.85}
+            cy={315.04}
+            r={69.5}
+            transform="rotate(-11.66 448.823 315.046)"
+            fill="#fff"
+          />
+        </ClipPath>
+        <ClipPath id="Owl_svg__b">
+          <Circle
+            cx={237.25}
+            cy={315.04}
+            r={69.5}
+            transform="rotate(-45 237.244 315.04)"
+            fill="#fff"
+          />
+        </ClipPath>
+      </Defs>
+      <Path
+        d="M686.1 311c0 137.21-153.59 204.79-343 204.79S0 448.18 0 311 153.59 62.51 343.05 62.51 686.1 173.75 686.1 311z"
+        fill="#b79a7e"
+      />
+      <Path
+        d="M634.12 133.78a606 606 0 00-15-59c-4.29-14.23-8.9-28.37-13.58-42.47-3.2-9.64-2.81-24-12.76-29.74-10.7-6.23-24.2-.16-34.56 6.62a250.36 250.36 0 00-85.32 94.94c-1.61 3.16-3.19 6.59-2.68 10.09.8 5.43 6.16 8.8 11 11.4q53.26 28.64 108.7 52.94c10.08 4.42 35.67 21.85 44.33 11 6.21-7.8 5.23-19.5 4.12-28.75-1.06-9.07-2.51-18.08-4.25-27.03zM52 133.78a603.17 603.17 0 0115-59c4.28-14.23 8.9-28.37 13.58-42.47 3.19-9.64 2.8-24 12.75-29.74 10.7-6.23 24.2-.16 34.56 6.62a250.2 250.2 0 0185.32 94.94c1.61 3.16 3.2 6.59 2.68 10.09-.8 5.43-6.16 8.8-11 11.4q-53.26 28.64-108.7 52.94c-10.07 4.42-35.67 21.85-44.33 11-6.21-7.8-5.23-19.5-4.12-28.75 1.06-9.07 2.51-18.08 4.26-27.03z"
+        fill="#b79a7e"
+      />
+      <Path
+        d="M83.58 301a128.88 128.88 0 00128.88 128.91c71.17 0 146.94-57.7 146.94-128.88s-75.77-128.88-146.94-128.88A128.88 128.88 0 0083.58 301z"
+        fill="#dacdb7"
+      />
+      <Path
+        d="M602.52 301a128.88 128.88 0 01-128.87 128.91c-71.18 0-146.95-57.7-146.95-128.88s75.77-128.88 147-128.88A128.88 128.88 0 01602.52 301z"
+        fill="#dacdb7"
+      />
+      <Path
+        d="M389.49 371.49a35.21 35.21 0 00-5.79-11.82c-8.84-11.21-25-13.2-39.23-12.67h-2.83c-14.27-.53-30.39 1.46-39.23 12.67a35 35 0 00-5.79 11.82c-4.6 15.47-1.95 32.45 4.58 47.21s16.7 27.62 27.47 39.66c4.89 5.45 9.46 8.73 14.15 9.54v.1c.08 0 .15-.06.23-.07s.16.06.24.07v-.13c4.69-.81 9.26-4.09 14.14-9.54 10.77-12 20.94-24.89 27.47-39.66s9.18-31.67 4.59-47.18z"
+        fill="#ffee7d"
+      />
+      <Circle
+        cx={448.85}
+        cy={315.04}
+        r={69.5}
+        transform="rotate(-11.66 448.823 315.046)"
+        fill="#fff"
+      />
+      <G clipPath="url(#Owl_svg__a)">
+        <Circle
+          cx={429.72}
+          cy={315.04}
+          r={53.46}
+          transform="rotate(-45 429.716 315.046)"
+          fill="#8e7862"
+        />
+      </G>
+      <Circle
+        cx={237.25}
+        cy={315.04}
+        r={69.5}
+        transform="rotate(-45 237.244 315.04)"
+        fill="#fff"
+      />
+      <G clipPath="url(#Owl_svg__b)">
+        <Circle
+          cx={256.38}
+          cy={315.04}
+          r={53.46}
+          transform="rotate(-76.19 256.406 315.049)"
+          fill="#8e7862"
+        />
+      </G>
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Panda.js b/src/Dragimals/Animals/Panda.js
new file mode 100644
index 00000000..389b8737
--- /dev/null
+++ b/src/Dragimals/Animals/Panda.js
@@ -0,0 +1,65 @@
+import * as React from "react";
+import Svg, { Path, Circle } from "react-native-svg";
+
+export function Panda(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 784.14 606.58"
+      {...props}
+    >
+      <Path
+        d="M773.85 335.8c0 183.46-175.46 270.78-386.31 270.78S10.3 519.26 10.3 335.8 181.22 3.61 392.07 3.61 773.85 152.33 773.85 335.8z"
+        fill="#fff5e4"
+      />
+      <Path
+        d="M190.56 27.57c40.37 40.09-5 74.28-49.91 119.47s-72.23 84.26-112.6 44.17S-8.68 82 36.2 36.79s113.98-49.32 154.36-9.22zM593.59 27.57c-40.38 40.09 5 74.28 49.91 119.47s72.22 84.26 112.6 44.17S792.82 82 748 36.79s-114-49.32-154.41-9.22zM429.43 482.83c0 13.86-17.06 34.88-38.1 34.88s-38.1-21-38.1-34.88 17.06-25.11 38.1-25.11 38.1 11.28 38.1 25.11z"
+        fill="#545251"
+      />
+      <Path
+        d="M326 524.14a32.1 32.1 0 0020.87 27.6 31.36 31.36 0 0033.33-8.9 47.63 47.63 0 007.65-13.7c2.13-5.44 3.85-11.31 2.84-17.06M458.14 524.14a32.11 32.11 0 01-20.86 27.6 31.38 31.38 0 01-33.34-8.9 47.87 47.87 0 01-7.65-13.7c-2.13-5.44-3.85-11.31-2.84-17.06"
+        fill="none"
+        stroke="#545251"
+        strokeLinecap="round"
+        strokeMiterlimit={10}
+        strokeWidth={11.72}
+      />
+      <Path
+        d="M151.26 335c-7.43 15.88-13.26 32.53-21.86 48-10.61 19.07-38.69 38.7-32.63 63.11 5.87 23.69 44.51 29.71 64.27 33.91 33.84 7.2 72 6.43 104.36-6.68 35.65-14.44 59.53-41.53 68.91-78.86 8.45-33.62 5.25-72.73-15.1-101.67C298 262.64 261 255.1 226.89 265.2c-24.6 7.28-45.42 23.49-60.63 43.92a147.81 147.81 0 00-15 25.88z"
+        fill="#545251"
+      />
+      <Circle
+        cx={262.38}
+        cy={399}
+        r={47.12}
+        transform="rotate(-45 262.372 399.002)"
+        fill="#fff"
+      />
+      <Circle
+        cx={271.01}
+        cy={399.75}
+        r={40.23}
+        transform="rotate(-14.21 271.017 399.763)"
+        fill="#545251"
+      />
+      <Path
+        d="M632.88 335c7.44 15.89 13.23 32.54 21.86 48.05 10.62 19.07 38.69 38.7 32.64 63.11-5.88 23.69-44.51 29.71-64.27 33.91-33.85 7.2-72 6.43-104.36-6.68-35.66-14.44-59.54-41.53-68.92-78.86-8.44-33.62-5.24-72.73 15.11-101.67 21.23-30.21 58.19-37.75 92.31-27.65 24.6 7.28 45.42 23.49 60.63 43.92a146.56 146.56 0 0115 25.87z"
+        fill="#545251"
+      />
+      <Circle
+        cx={521.77}
+        cy={399}
+        r={47.12}
+        transform="rotate(-28.9 521.786 399.003)"
+        fill="#fff"
+      />
+      <Circle
+        cx={513.14}
+        cy={399.75}
+        r={40.23}
+        transform="rotate(-70.7 513.131 399.75)"
+        fill="#545251"
+      />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Penguin.js b/src/Dragimals/Animals/Penguin.js
new file mode 100644
index 00000000..4425816b
--- /dev/null
+++ b/src/Dragimals/Animals/Penguin.js
@@ -0,0 +1,31 @@
+import * as React from "react";
+import Svg, { Path, Circle } from "react-native-svg";
+
+export function Penguin(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 671.33 554.78"
+      {...props}
+    >
+      <Path
+        d="M671.33 316.61c0 166.75-150.28 238.17-335.67 238.17S0 483.36 0 316.61 150.28 0 335.66 0s335.67 149.86 335.67 316.61z"
+        fill="#5b687d"
+      />
+      <Path
+        d="M309.07 309.71c0 84.58-34.18 153.14-106.38 153.14S72 394.29 72 309.71s89.16-175.57 161.37-175.57 75.7 90.98 75.7 175.57zM363 309.71c0 84.58 34.18 153.14 106.38 153.14s130.74-68.56 130.74-153.14-89.21-175.57-161.42-175.57S363 225.12 363 309.71z"
+        fill="#fff"
+      />
+      <Path
+        d="M335.66 499.46c-137.8 0-249.52-62.55-249.52-139.7s111.72-15.19 249.52-15.19 249.53-62 249.53 15.19-111.72 139.7-249.53 139.7z"
+        fill="#fff"
+      />
+      <Path
+        d="M253.37 387.86c0-29.86 37-54.07 82.64-54.07s82.64 24.21 82.64 54.07-37 40.56-82.64 40.56-82.64-10.69-82.64-40.56z"
+        fill="#fac469"
+      />
+      <Circle cx={195.16} cy={317.11} r={39.73} fill="#5b687d" />
+      <Circle cx={476.17} cy={317.11} r={39.73} fill="#5b687d" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Pig.js b/src/Dragimals/Animals/Pig.js
new file mode 100644
index 00000000..ff58157f
--- /dev/null
+++ b/src/Dragimals/Animals/Pig.js
@@ -0,0 +1,71 @@
+import * as React from "react";
+import Svg, { Path, Ellipse, Circle } from "react-native-svg";
+
+export function Pig(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 705.36 539.59"
+      {...props}
+    >
+      <Path
+        d="M22.77 296.51C22.89 126.4 171.38-.14 354.41 0s331.3 126.89 331.17 297S537 539.73 354 539.59 22.64 466.61 22.77 296.51z"
+        fill="#f8cbc3"
+      />
+      <Ellipse
+        cx={353.66}
+        cy={397.6}
+        rx={105.87}
+        ry={136.23}
+        transform="rotate(-89.16 353.69 397.607)"
+        fill="#efa39a"
+      />
+      <Ellipse
+        cx={295.65}
+        cy={406.09}
+        rx={43.55}
+        ry={20.87}
+        transform="rotate(-89.16 295.673 406.092)"
+        fill="#c0847d"
+      />
+      <Ellipse
+        cx={411.4}
+        cy={407.78}
+        rx={43.55}
+        ry={20.87}
+        transform="rotate(-89.16 411.435 407.777)"
+        fill="#c0847d"
+      />
+      <Circle
+        cx={196.72}
+        cy={292.57}
+        r={35.97}
+        transform="rotate(-82.98 196.704 292.567)"
+        fill="#8e7470"
+      />
+      <Circle
+        cx={510.65}
+        cy={297.15}
+        r={35.97}
+        transform="rotate(-24.41 510.683 297.17)"
+        fill="#8e7470"
+      />
+      <Path
+        d="M158.68 39.1a135.74 135.74 0 00-24.32-7.74c-7.51-1.75-15.21-3.16-22.88-2.39-18.35 1.85-33.35 15.92-43 31.64s-15.34 33.55-24.25 49.71c-14.11 25.6-36.36 47.38-43.18 75.81-1.94 8.09-1.73 18.27 5.31 22.72a23 23 0 007.31 2.57c16.92 3.85 35 7.26 51.24 1.06C76 208.22 85.05 199.81 93.07 191a231.45 231.45 0 0027.32-36.85c2.88-4.82 5.68-9.86 10-13.45s10.61-5.44 15.61-2.9c2.51 1.27 4.57 3.54 7.34 4.06 4.37.81 8.12-3 10.81-6.55 12.48-16.38 27.25-38.79 30.85-59.46 2.88-16.33-23.37-31.01-36.32-36.75z"
+        fill="#f8cbc3"
+      />
+      <Path
+        d="M139.53 102.66a87.49 87.49 0 01-.24 20.45 110.05 110.05 0 01-4.79 20.12 116.8 116.8 0 01-8.7 18.93c-1.8 3-3.64 6-5.69 8.78-1 1.44-2 2.85-3.15 4.19s-2.17 2.74-3.3 4.08l-3.55 3.86c-.58.65-1.19 1.28-1.83 1.88l-1.88 1.84-1.9 1.8c-.64.6-1.32 1.15-2 1.72-1.35 1.12-2.64 2.3-4 3.36-2.83 2.07-5.56 4.23-8.57 6.06a77.62 77.62 0 01-9.33 5.08c-13 5.91-27.94 7.34-41 3.39 13.47-1.51 25.77-5.63 36.18-12.33 2.61-1.67 5.12-3.52 7.61-5.46s4.86-4.07 7.25-6.13l3.46-3.23c.57-.55 1.17-1.07 1.72-1.63l1.64-1.72c1.08-1.14 2.27-2.19 3.29-3.4l3.15-3.54c1-1.19 2-2.42 3-3.63.5-.62 1-1.21 1.5-1.84s.94-1.27 1.42-1.9c1-1.27 2-2.47 2.85-3.8s1.8-2.61 2.73-3.89q5.27-7.94 9.76-16.45c2.92-5.71 5.56-11.6 8-17.68s4.36-12.4 6.37-18.91z"
+        fill="#daa398"
+      />
+      <Path
+        d="M551.27 35.82a136.27 136.27 0 0124.54-7c7.55-1.52 15.3-2.71 22.94-1.71C617 29.46 631.62 44 640.8 60s14.36 34 22.79 50.39c13.36 26 35 48.42 41 77 1.7 8.14 1.19 18.31-6 22.55a23.08 23.08 0 01-7.39 2.36c-17 3.35-35.23 6.24-51.24-.44-11-4.58-19.77-13.25-27.53-22.3a230.77 230.77 0 01-26.22-37.63c-2.74-4.9-5.39-10-9.61-13.74s-10.47-5.73-15.55-3.34c-2.55 1.19-4.67 3.4-7.45 3.84-4.4.69-8-3.24-10.62-6.86-12-16.74-26.08-39.56-29.1-60.34-2.39-16.4 24.28-30.31 37.39-35.67z"
+        fill="#f8cbc3"
+      />
+      <Path
+        d="M568.29 108.92c1.83 6.57 3.65 12.91 5.81 19.08s4.71 12.12 7.45 17.91a190.85 190.85 0 009.28 16.72c.9 1.32 1.75 2.65 2.61 4s1.83 2.58 2.74 3.88c.47.64.91 1.29 1.37 1.94s1 1.25 1.44 1.88c1 1.24 1.93 2.5 2.93 3.72l3.05 3.62c1 1.24 2.14 2.33 3.19 3.51l1.59 1.76c.54.58 1.12 1.11 1.67 1.67l3.37 3.34c2.33 2.13 4.64 4.32 7.07 6.34s4.89 3.93 7.45 5.68c10.2 7 22.38 11.48 35.8 13.37-13.17 3.58-28 1.71-40.87-4.58a76 76 0 01-9.19-5.35c-2.95-1.91-5.62-4.15-8.38-6.3-1.37-1.1-2.62-2.32-3.93-3.48-.64-.59-1.31-1.16-1.93-1.78L599 194l-1.83-1.88a35.99 35.99 0 01-1.77-1.94l-3.43-4c-1.1-1.36-2.13-2.77-3.19-4.16s-2.07-2.82-3-4.28c-2-2.89-3.72-5.91-5.43-9a116.64 116.64 0 01-8.15-19.18 109.83 109.83 0 01-4.2-20.24 87.9 87.9 0 01.29-20.4z"
+        fill="#daa398"
+      />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Raccoon.js b/src/Dragimals/Animals/Raccoon.js
new file mode 100644
index 00000000..4f7d4b05
--- /dev/null
+++ b/src/Dragimals/Animals/Raccoon.js
@@ -0,0 +1,81 @@
+import * as React from "react";
+import Svg, { Path, Circle, Ellipse } from "react-native-svg";
+
+export function Raccoon(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 797.94 573.62"
+      {...props}
+    >
+      <Path
+        d="M233.49 45.64A99.31 99.31 0 1177.57 168.69c-34-43-35.94-117.31 7.11-151.29S199.51 2.59 233.49 45.64z"
+        fill="#b38e54"
+      />
+      <Circle
+        cx={150.77}
+        cy={104.23}
+        r={52.04}
+        transform="rotate(-27.49 150.763 104.231)"
+        fill="#fcddb4"
+      />
+      <Path
+        d="M568 45.64a99.31 99.31 0 10156 123.05c34-43 35.94-117.31-7.12-151.29S602 2.59 568 45.64z"
+        fill="#b38e54"
+      />
+      <Circle
+        cx={650.74}
+        cy={104.23}
+        r={52.04}
+        transform="rotate(-62.51 650.75 104.226)"
+        fill="#fcddb4"
+      />
+      <Path
+        d="M678.26 407.33c4.57-25.67 5-130.47 1.76-156.85-1.43-11.57-2.83-23.19-5.49-34.62a104.22 104.22 0 00-7.81-22.69c.76.28 62.77 96.43 86.07 116.78 4.51 3.94 49.82 36.25 44.76 39.94A1065.3 1065.3 0 00661.77 467.2a319.32 319.32 0 0016.49-59.87z"
+        fill="#b38e54"
+      />
+      <Path
+        d="M632.58 488.1c8.23-6.11 17.36-10.87 26.44-15.61 38.47-20.09 124-50.35 123.8-51.26-2.43-12-12.17-21.65-23.41-26.59s-23.84-5.81-36.11-5.5c-29 .72-60 9-78 31.85-4 5.08-7.22 10.72-11.06 15.91-5.67 7.66-12.75 14.41-16.88 23-3.87 8-7 21.1-4.67 30 3.45 13.26 13.17 3.2 19.89-1.8zM119.68 407.33c-4.57-25.67-5-130.47-1.76-156.85 1.44-11.57 2.83-23.19 5.49-34.62a103.72 103.72 0 017.82-22.69c-.77.28-62.78 96.43-86.08 116.78-4.51 3.94-49.82 36.25-44.76 39.94A1065.3 1065.3 0 01136.17 467.2a319.32 319.32 0 01-16.49-59.87z"
+        fill="#b38e54"
+      />
+      <Path
+        d="M165.36 488.1c-8.23-6.11-17.35-10.87-26.44-15.61-38.47-20.09-124-50.35-123.8-51.26 2.43-12 12.17-21.65 23.41-26.59s23.84-5.81 36.11-5.5c29 .72 60 9 78 31.85 4 5.08 7.21 10.72 11.05 15.91 5.68 7.66 12.75 14.41 16.88 23 3.87 8 7 21.1 4.67 30-3.44 13.26-13.16 3.2-19.88-1.8z"
+        fill="#b38e54"
+      />
+      <Path
+        d="M741.87 296.64c3.31 148.67-148.49 272.63-339 276.87S55.1 460.67 51.79 312s148.48-288.11 339-292.36 347.77 128.36 351.08 277z"
+        fill="#b38e54"
+      />
+      <Path
+        d="M349.76 412.92c-39.24 60.38-113.2 81.93-165.2 48.14s-62.36-110.13-23.12-170.51 143.71-94.1 182.4-64.77c38.26 29.01 45.16 126.77 5.92 187.14zM446.81 412.92C486 473.3 560 494.85 612 461.06s62.35-110.13 23.12-170.51-143.72-94.1-182.41-64.77c-38.25 29.01-45.14 126.77-5.9 187.14z"
+        fill="#6a532d"
+      />
+      <Ellipse cx={398.28} cy={453.51} rx={107.87} ry={87.87} fill="#fcddb4" />
+      <Ellipse cx={398.28} cy={434.69} rx={27.96} ry={24.67} fill="#6a532d" />
+      <Circle
+        cx={296.79}
+        cy={352.06}
+        r={44.53}
+        transform="rotate(-76.72 296.772 352.055)"
+        fill="#fff"
+      />
+      <Circle cx={305.27} cy={350.87} r={35.91} fill="#6a532d" />
+      <Circle
+        cx={497.81}
+        cy={352.06}
+        r={44.53}
+        transform="rotate(-45 497.808 352.061)"
+        fill="#fff"
+      />
+      <Circle cx={489.33} cy={350.87} r={35.91} fill="#6a532d" />
+      <Path
+        d="M335.11 465.22s53.74 76.6 126.34 0"
+        fill="none"
+        stroke="#6a532d"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={10.29}
+      />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/Sheep.js b/src/Dragimals/Animals/Sheep.js
new file mode 100644
index 00000000..0fb49799
--- /dev/null
+++ b/src/Dragimals/Animals/Sheep.js
@@ -0,0 +1,138 @@
+import * as React from "react";
+import Svg, { Circle, Path, Ellipse } from "react-native-svg";
+
+export function Sheep(props) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 824.88 687.55"
+      {...props}
+    >
+      <Circle cx={412.44} cy={592.35} r={95.2} fill="#fee6b0" />
+      <Circle cx={275.5} cy={570.38} r={95.2} fill="#fee6b0" />
+      <Circle cx={549.38} cy={570.38} r={95.2} fill="#fee6b0" />
+      <Path
+        d="M121.87 120c-38.2-6.25-77.56-2-115 7.73-1.82.47-3.76 1-4.95 2.5a8.55 8.55 0 00-1.46 4.52c-3.12 27.72 10.58 55.3 30.38 75S76 242.29 101.31 254c11.19 5.18 22.64 10.22 34.82 12.15 16.32 2.59 32.94-.54 49.17-3.67 14.22-2.73 29.2-5.83 40-15.45s15.84-25.06 14.18-39.5c-5.97-51.88-73.34-80.32-117.61-87.53zM703 120c38.2-6.25 77.56-2 115 7.73 1.82.47 3.77 1 5 2.5a8.55 8.55 0 011.46 4.52c3.12 27.72-10.58 55.3-30.37 75S748.9 242.29 723.57 254c-11.2 5.18-22.64 10.22-34.82 12.15-16.32 2.59-33-.54-49.17-3.67-14.23-2.73-29.2-5.83-40-15.45s-15.84-25.06-14.17-39.5c5.95-51.88 73.33-80.32 117.59-87.53z"
+        fill="#feeed7"
+      />
+      <Ellipse
+        cx={168.23}
+        cy={327.9}
+        rx={95.04}
+        ry={110.04}
+        transform="translate(-8.11 4.29)"
+        fill="#fee6b0"
+      />
+      <Ellipse
+        cx={656.64}
+        cy={327.9}
+        rx={95.04}
+        ry={110.04}
+        transform="rotate(-1.43 654.687 327.137)"
+        fill="#fee6b0"
+      />
+      <Path
+        d="M171.37 364c50.67-13.68 71 31.84 86.9 90.51s21.14 108.27-29.53 122S124.14 553.67 108.3 495s12.4-117.33 63.07-131zM648.56 364.67c-51.29-11.15-69.39 35.34-82.29 94.72s-15.73 109.19 35.56 120.33 103.33-28 116.23-87.34-18.21-116.57-69.5-127.71z"
+        fill="#fee6b0"
+      />
+      <Path
+        d="M641.87 431.85c-3.62-37.74 2.3-73.81-.27-111.64-1.17-17.22-5.1-40-9-56.84a154.67 154.67 0 00-42.34-75.48c-24-23.87-57.92-37.64-90.06-41.6-24.93-3.07-50.27-6.58-75.5-7.52h-.76l-4.41-.13-3.71-.07H409l-3.7.07-4.41.13h-.77c-25.23.94-50.56 4.45-75.49 7.52-32.15 4-66 17.73-90.06 41.6a154.67 154.67 0 00-42.34 75.48c-3.88 16.84-7.82 39.62-9 56.84-2.56 37.83 3.35 73.9-.26 111.64-2 20.51-5.52 41.17-2.84 61.6 5.77 43.93 40.31 80 80.45 98.78 47.42 22.18 99.91 30.42 152 29.69 51.58-.73 104.54-7.65 151.67-29.69 40.13-18.76 74.67-54.85 80.44-98.78 2.7-20.45-.86-41.09-2.82-61.6z"
+        fill="#feeed7"
+      />
+      <Ellipse
+        cx={352.24}
+        cy={87.62}
+        rx={109.52}
+        ry={87.6}
+        transform="rotate(-1.43 351.135 87.33)"
+        fill="#fee6b0"
+      />
+      <Ellipse
+        cx={472.64}
+        cy={87.62}
+        rx={109.52}
+        ry={87.6}
+        transform="rotate(-1.43 471.35 87.227)"
+        fill="#fee6b0"
+      />
+      <Ellipse
+        cx={274.97}
+        cy={142.05}
+        rx={128.57}
+        ry={97.09}
+        transform="rotate(-1.43 274.322 141.669)"
+        fill="#fee6b0"
+      />
+      <Ellipse
+        cx={549.91}
+        cy={142.05}
+        rx={128.57}
+        ry={97.09}
+        transform="rotate(-1.43 548.411 141.483)"
+        fill="#fee6b0"
+      />
+      <Ellipse
+        cx={414.68}
+        cy={229.87}
+        rx={128.81}
+        ry={83.1}
+        transform="rotate(-1.43 413.48 229.158)"
+        fill="#fee6b0"
+      />
+      <Ellipse
+        cx={586.69}
+        cy={223.7}
+        rx={128.81}
+        ry={83.1}
+        transform="rotate(-1.43 585.062 222.884)"
+        fill="#fee6b0"
+      />
+      <Ellipse
+        cx={238.18}
+        cy={223.68}
+        rx={128.81}
+        ry={83.1}
+        transform="rotate(-1.43 237.644 222.956)"
+        fill="#fee6b0"
+      />
+      <Ellipse
+        cx={135.13}
+        cy={199.19}
+        rx={84.67}
+        ry={68.75}
+        transform="rotate(-79.76 135.137 199.197)"
+        fill="#fee6b0"
+      />
+      <Ellipse
+        cx={689.74}
+        cy={199.19}
+        rx={68.75}
+        ry={84.67}
+        transform="rotate(-10.24 689.691 199.163)"
+        fill="#fee6b0"
+      />
+      <Path
+        d="M416 533.72c7.22 6.73 13 10.17 19.53 12.64 14.9 5.62 29.08 4.31 37.82-3.49M408.64 533.81c-7 6.92-12.71 10.5-19.19 13.14-14.76 6-29 5-37.9-2.53"
+        fill="none"
+        stroke="#b3a899"
+        strokeLinecap="round"
+        strokeMiterlimit={10}
+        strokeWidth={9.16}
+      />
+      <Path
+        fill="none"
+        stroke="#b3a899"
+        strokeLinecap="round"
+        strokeMiterlimit={10}
+        strokeWidth={11.8}
+        d="M411.77 504.06l.35 27.23"
+      />
+      <Path
+        d="M390.23 475.8l42.35-.54a5.64 5.64 0 014.16 9.52l-20.9 22a5.64 5.64 0 01-8.07.1l-21.45-21.41a5.63 5.63 0 013.91-9.67z"
+        fill="#92755d"
+      />
+      <Ellipse cx={293.9} cy={418.2} rx={33.48} ry={32.11} fill="#92755d" />
+      <Ellipse cx={530.98} cy={418.2} rx={33.48} ry={32.11} fill="#92755d" />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Animals/index.js b/src/Dragimals/Animals/index.js
new file mode 100644
index 00000000..e0220862
--- /dev/null
+++ b/src/Dragimals/Animals/index.js
@@ -0,0 +1,16 @@
+export * from "./Bear";
+export * from "./Cat";
+export * from "./Chicken";
+export * from "./Cow";
+export * from "./Dog";
+export * from "./Frog";
+export * from "./Gorilla";
+export * from "./Koala";
+export * from "./Lion";
+export * from "./Monkey";
+export * from "./Owl";
+export * from "./Panda";
+export * from "./Penguin";
+export * from "./Pig";
+export * from "./Raccoon";
+export * from "./Sheep";
diff --git a/src/Dragimals/Colors/index.js b/src/Dragimals/Colors/index.js
new file mode 100644
index 00000000..9f560a2d
--- /dev/null
+++ b/src/Dragimals/Colors/index.js
@@ -0,0 +1,35 @@
+export const colors = {
+  redLight: "#FF9E9C",
+  redMedium: "#DB7270",
+  orangeMedium: "#CD7547",
+  yellowLight: "#FFEA87",
+  greenLight: "#CAE1C3",
+  greenMedium: "#7A9572",
+  blueLight: "#C5E5F0",
+  blueMedium: "#7698A4",
+  blueDark: "#364F57",
+  purpleMedium: "#94638D",
+  grayExtraLight: "#EAEAEA",
+  grayLight: "#9F9FB7",
+  grayMedium: "#5D5D6B",
+  grayDark: "#17171b",
+};
+
+export const animalColors = {
+  Bear: colors.redMedium,
+  Cat: colors.redLight,
+  Chicken: colors.greenMedium,
+  Cow: colors.purpleMedium,
+  Dog: colors.blueMedium,
+  Frog: colors.blueLight,
+  Gorilla: colors.yellowLight,
+  Koala: colors.greenLight,
+  Lion: colors.yellowLight,
+  Monkey: colors.redLight,
+  Owl: colors.redMedium,
+  Panda: colors.blueLight,
+  Penguin: colors.greenLight,
+  Pig: colors.blueMedium,
+  Raccoon: colors.purpleMedium,
+  Sheep: colors.greenMedium,
+};
diff --git a/src/Dragimals/Confetti/Confetti.js b/src/Dragimals/Confetti/Confetti.js
new file mode 100644
index 00000000..f53b3adf
--- /dev/null
+++ b/src/Dragimals/Confetti/Confetti.js
@@ -0,0 +1,120 @@
+import React, { Component } from "react";
+import { Animated, Dimensions, StyleSheet } from "react-native";
+
+let windowHeight = Dimensions.get("window").height;
+let windowWidth = Dimensions.get("window").width;
+
+class Confetti extends Component {
+  constructor(props) {
+    super(props);
+    this._yAnimation = new Animated.Value(0);
+    this.color = this.randomColor(this.props.colors);
+    this.left = this.randomValue(0, windowWidth);
+  }
+
+  UNSAFE_componentWillMount() {
+    let rotationOutput = this.randomValue(-220, 220) + "deg";
+    this._rotateAnimation = this._yAnimation.interpolate({
+      inputRange: [0, windowHeight / 2, windowHeight],
+      outputRange: ["0deg", rotationOutput, rotationOutput],
+    });
+
+    let xDistance = this.randomIntValue(
+      (windowWidth / 3) * -1,
+      windowWidth / 3
+    );
+    this._xAnimation = this._yAnimation.interpolate({
+      inputRange: [0, windowHeight],
+      outputRange: [0, xDistance],
+    });
+  }
+
+  componentDidMount() {
+    let { duration } = this.props;
+    Animated.timing(this._yAnimation, {
+      duration: duration + this.randomIntValue(duration * 0.2, duration * -0.2),
+      toValue: windowHeight + 1.25,
+      useNativeDriver: true,
+    }).start(this.props.onComplete);
+  }
+
+  getTransformStyle() {
+    return {
+      transform: [
+        { translateY: this._yAnimation },
+        { translateX: this._xAnimation },
+        { rotate: this._rotateAnimation },
+      ],
+    };
+  }
+
+  getConfettiStyle() {
+    let { index, size, bsize } = this.props;
+    let bigConfetti = {
+      height: 5.5 * size,
+      width: 11 * size,
+      borderBottomLeftRadius: 5 * bsize,
+      borderBottomRightRadius: 5 * bsize,
+      borderTopLeftRadius: 2.6 * bsize,
+      borderTopRightRadius: 2.6 * bsize,
+    };
+    let smallConfetti = {
+      height: 4.5 * size,
+      width: 8 * size,
+      borderBottomLeftRadius: 2.5 * bsize,
+      borderBottomRightRadius: 2.5 * bsize,
+      borderTopLeftRadius: 1.3 * bsize,
+      borderTopRightRadius: 1.3 * bsize,
+    };
+    return index % 5 === 0 ? smallConfetti : bigConfetti;
+  }
+
+  randomValue(min, max) {
+    return Math.random() * (max - min) + min;
+  }
+
+  randomIntValue(min, max) {
+    return Math.floor(Math.random() * (max - min) + min);
+  }
+
+  randomColor(colors) {
+    return colors[this.randomIntValue(0, colors.length)];
+  }
+
+  render() {
+    let { left, ...otherProps } = this.props;
+    return (
+      <Animated.View
+        style={[
+          styles.confetti,
+          this.getConfettiStyle(),
+          this.getTransformStyle(),
+          { marginLeft: this.left, backgroundColor: this.color },
+        ]}
+        {...otherProps}
+      />
+    );
+  }
+}
+
+Confetti.defaultProps = {
+  duration: 6000,
+  colors: [
+    "rgb(242.2, 102, 68.8)",
+    "rgb(255, 198.9, 91.8)",
+    "rgb(122.4, 198.9, 163.2)",
+    "rgb(76.5, 193.8, 216.7)",
+    "rgb(147.9, 99.4, 140.2)",
+  ],
+  size: 1,
+  bsize: 1,
+};
+
+const styles = StyleSheet.create({
+  confetti: {
+    position: "absolute",
+    marginTop: 0,
+  },
+});
+
+export default Confetti;
diff --git a/src/Dragimals/Confetti/ConfettiView.js b/src/Dragimals/Confetti/ConfettiView.js
new file mode 100644
index 00000000..f4f2bdf7
--- /dev/null
+++ b/src/Dragimals/Confetti/ConfettiView.js
@@ -0,0 +1,91 @@
+import React, { Component } from "react";
+import { StyleSheet, View } from "react-native";
+
+import Confetti from "./Confetti";
+
+class ConfettiView extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { confettis: [] };
+    this.confettiIndex = 0;
+    this.shouldStop = false;
+  }
+
+  componentDidMount() {
+    if (this.props.startOnLoad) {
+      this.startConfetti();
+    }
+  }
+
+  startConfetti() {
+    let { confettis } = this.state;
+    let { confettiCount, timeout, untilStopped } = this.props;
+    this.shouldStop = false;
+    if (untilStopped || this.confettiIndex < confettiCount) {
+      setTimeout(() => {
+        if (this.shouldStop) {
+          return;
+        } else {
+          confettis.push({ key: this.confettiIndex });
+          this.confettiIndex++;
+          this.setState({ confettis });
+          this.startConfetti();
+        }
+      }, timeout);
+    }
+  }
+
+  removeConfetti(key) {
+    let { confettis } = this.state;
+    let { confettiCount } = this.props;
+    let index = confettis.findIndex((confetti) => {
+      return confetti.key === key;
+    });
+    confettis.splice(index, 1);
+    this.setState({ confettis });
+    if (key === confettiCount - 1) {
+      this.confettiIndex = 0;
+    }
+  }
+
+  stopConfetti() {
+    this.shouldStop = true;
+  }
+
+  render() {
+    let { confettis } = this.state;
+    let { ...rest } = this.props;
+    return (
+      <View style={styles.container}>
+        {confettis.map((confetti) => {
+          return (
+            <Confetti
+              key={confetti.key}
+              index={confetti.key}
+              onComplete={this.removeConfetti.bind(this, confetti.key)}
+              colors={this.props.colors}
+              {...rest}
+            />
+          );
+        })}
+      </View>
+    );
+  }
+}
+
+ConfettiView.defaultProps = {
+  confettiCount: 120,
+  timeout: 30,
+  untilStopped: false,
+};
+
+const styles = StyleSheet.create({
+  container: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+  },
+});
+
+export default ConfettiView;
diff --git a/src/Dragimals/Confetti/index.js b/src/Dragimals/Confetti/index.js
new file mode 100644
index 00000000..831ed3f1
--- /dev/null
+++ b/src/Dragimals/Confetti/index.js
@@ -0,0 +1,41 @@
+import React, { Component } from "react";
+import { StyleSheet, View } from "react-native";
+import ConfettiView from "./ConfettiView";
+
+import colors from "../constants/colors";
+const colorValues = Object.values(colors);
+
+class Confetti extends Component {
+  componentDidMount() {
+    if (this._confettiView) {
+      this._confettiView.startConfetti();
+    }
+  }
+
+  componentWillUnmount() {
+    if (this._confettiView) {
+      this._confettiView.stopConfetti();
+    }
+  }
+
+  render() {
+    return (
+      <View style={styles.root}>
+        <ConfettiView
+          ref={(node) => (this._confettiView = node)}
+          colors={colorValues}
+          size={3}
+          {...this.props}
+        />
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  root: {
+    ...StyleSheet.absoluteFillObject,
+  },
+});
+
+export default Confetti;
diff --git a/src/Dragimals/Draggable/index.js b/src/Dragimals/Draggable/index.js
new file mode 100644
index 00000000..f3652aaf
--- /dev/null
+++ b/src/Dragimals/Draggable/index.js
@@ -0,0 +1,60 @@
+import React, { Component } from "react";
+import { Animated } from "react-native";
+import { PanGestureHandler, State } from "react-native-gesture-handler";
+
+export class Draggable extends Component {
+  constructor(props) {
+    super(props);
+    this._translateX = new Animated.Value(0);
+    this._translateY = new Animated.Value(0);
+    this._lastOffset = { x: 0, y: 0 };
+    this._onGestureEvent = Animated.event(
+      [
+        {
+          nativeEvent: {
+            translationX: this._translateX,
+            translationY: this._translateY,
+          },
+        },
+      ],
+      { useNativeDriver: true }
+    );
+  }
+  _onHandlerStateChange = (event) => {
+    if (event.nativeEvent.oldState === State.ACTIVE) {
+      this._lastOffset.x += event.nativeEvent.translationX;
+      this._lastOffset.y += event.nativeEvent.translationY;
+      this._translateX.setOffset(this._lastOffset.x);
+      this._translateX.setValue(0);
+      this._translateY.setOffset(this._lastOffset.y);
+      this._translateY.setValue(0);
+
+      if (this.props.onDragEnd) {
+        this.props.onDragEnd();
+      }
+    }
+  };
+  render() {
+    return (
+      <PanGestureHandler
+        {...this.props}
+        onGestureEvent={this._onGestureEvent}
+        onHandlerStateChange={this._onHandlerStateChange}
+      >
+        <Animated.View
+          style={[
+            {
+              transform: [
+                { translateX: this._translateX },
+                { translateY: this._translateY },
+              ],
+            },
+            this.props.style,
+          ]}
+        >
+          {this.props.children}
+        </Animated.View>
+      </PanGestureHandler>
+    );
+  }
+}
diff --git a/src/Dragimals/Puck/index.js b/src/Dragimals/Puck/index.js
new file mode 100644
index 00000000..057a2840
--- /dev/null
+++ b/src/Dragimals/Puck/index.js
@@ -0,0 +1,48 @@
+import React from "react";
+import { StyleSheet, View } from "react-native";
+
+import { Draggable } from "../Draggable";
+import { animalColors, colors } from "../Colors";
+import { animalSounds } from "../Sounds";
+import { useAnimalData } from "../Sizes";
+
+export function Puck({ active, animal }) {
+  const Animal = useAnimalData(animal);
+
+  return (
+    <Draggable
+      onDragEnd={() => {
+        try {
+          animalSounds[active][animal]?.stop(() =>
+            animalSounds[active][animal]?.play(() => {})
+          );
+        } catch (e) {}
+      }}
+    >
+      <View
+        style={[
+          styles.root,
+          Animal.puckStyle,
+          {
+            backgroundColor: animalColors[animal],
+          },
+        ]}
+      >
+        <Animal.Icon
+          width={Animal.iconSize}
+          height={Animal.iconSize}
+          style={Animal.iconStyle}
+        />
+      </View>
+    </Draggable>
+  );
+}
+
+const styles = StyleSheet.create({
+  root: {
+    justifyContent: "center",
+    alignItems: "center",
+    borderColor: colors.grayExtraLight,
+    margin: 4,
+  },
+});
diff --git a/src/Dragimals/Sizes/index.js b/src/Dragimals/Sizes/index.js
new file mode 100644
index 00000000..6508fd89
--- /dev/null
+++ b/src/Dragimals/Sizes/index.js
@@ -0,0 +1,170 @@
+import { useWindowDimensions } from "react-native";
+import * as animalIcons from "../Animals";
+
+export const useAnimalData = (animal) => {
+  const { width } = useWindowDimensions();
+  const isMobile = width < 600 || false;
+  const scale = isMobile ? 0.75 : 1;
+  const Icon = animalIcons[animal];
+  const puckStyle = {
+    width: 120 * scale,
+    height: 120 * scale,
+    borderRadius: 60 * scale,
+    borderWidth: 4 * scale,
+  };
+
+  switch (animal) {
+    case "Bear": {
+      return {
+        iconSize: 80 * scale,
+        iconStyle: {
+          marginTop: 4 * scale,
+        },
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Cat": {
+      return {
+        iconSize: 100 * scale,
+        iconStyle: {
+          marginTop: 4 * scale,
+        },
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Chicken": {
+      return {
+        iconSize: 80 * scale,
+        iconStyle: {
+          marginTop: -4 * scale,
+        },
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Cow": {
+      return {
+        iconSize: 80 * scale,
+        iconStyle: {},
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Dog": {
+      return {
+        iconSize: 76 * scale,
+        iconStyle: {
+          marginTop: 2 * scale,
+        },
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Frog": {
+      return {
+        iconSize: 80 * scale,
+        iconStyle: {},
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Gorilla": {
+      return {
+        iconSize: 88 * scale,
+        iconStyle: {},
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Koala": {
+      return {
+        iconSize: 96 * scale,
+        iconStyle: {
+          marginTop: 8 * scale,
+        },
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Lion": {
+      return {
+        iconSize: 80 * scale,
+        iconStyle: {},
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Monkey": {
+      return {
+        iconSize: 92 * scale,
+        iconStyle: {},
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Owl": {
+      return {
+        iconSize: 88 * scale,
+        iconStyle: {},
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Panda": {
+      return {
+        iconSize: 80 * scale,
+        iconStyle: {
+          marginTop: 6 * scale,
+        },
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Penguin": {
+      return {
+        iconSize: 84 * scale,
+        iconStyle: {},
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Pig": {
+      return {
+        iconSize: 86 * scale,
+        iconStyle: {
+          marginTop: 4 * scale,
+        },
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Raccoon": {
+      return {
+        iconSize: 90 * scale,
+        iconStyle: {},
+        Icon,
+        puckStyle,
+      };
+    }
+    case "Sheep": {
+      return {
+        iconSize: 86 * scale,
+        iconStyle: {},
+        Icon,
+        puckStyle,
+      };
+    }
+    default: {
+      return {
+        Icon,
+        iconSize: 80 * scale,
+        puckStyle,
+        iconStyle: {
+          marginTop: 4 * scale,
+        },
+      };
+    }
+  }
+};
diff --git a/src/Dragimals/Sounds/ChrisBear.m4a b/src/Dragimals/Sounds/ChrisBear.m4a
new file mode 100644
index 00000000..a9317228
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisBear.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisCat.m4a b/src/Dragimals/Sounds/ChrisCat.m4a
new file mode 100644
index 00000000..d2d80bdd
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisCat.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisChicken.m4a b/src/Dragimals/Sounds/ChrisChicken.m4a
new file mode 100644
index 00000000..5e0452e0
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisChicken.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisCow.m4a b/src/Dragimals/Sounds/ChrisCow.m4a
new file mode 100644
index 00000000..32e2045e
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisCow.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisDog.m4a b/src/Dragimals/Sounds/ChrisDog.m4a
new file mode 100644
index 00000000..01465565
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisDog.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisFrog.m4a b/src/Dragimals/Sounds/ChrisFrog.m4a
new file mode 100644
index 00000000..10a733e3
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisFrog.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisGorilla.m4a b/src/Dragimals/Sounds/ChrisGorilla.m4a
new file mode 100644
index 00000000..2f3d99fd
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisGorilla.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisKoala.m4a b/src/Dragimals/Sounds/ChrisKoala.m4a
new file mode 100644
index 00000000..74ed70d2
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisKoala.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisLion.m4a b/src/Dragimals/Sounds/ChrisLion.m4a
new file mode 100644
index 00000000..66efd7ae
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisLion.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisMonkey.m4a b/src/Dragimals/Sounds/ChrisMonkey.m4a
new file mode 100644
index 00000000..1b3cc227
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisMonkey.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisOwl.m4a b/src/Dragimals/Sounds/ChrisOwl.m4a
new file mode 100644
index 00000000..8aa43d59
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisOwl.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisPanda.m4a b/src/Dragimals/Sounds/ChrisPanda.m4a
new file mode 100644
index 00000000..8ddd736b
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisPanda.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisPenguin.m4a b/src/Dragimals/Sounds/ChrisPenguin.m4a
new file mode 100644
index 00000000..50ce77ab
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisPenguin.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisPig.m4a b/src/Dragimals/Sounds/ChrisPig.m4a
new file mode 100644
index 00000000..0de835f9
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisPig.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisRaccoon.m4a b/src/Dragimals/Sounds/ChrisRaccoon.m4a
new file mode 100644
index 00000000..6e403f46
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisRaccoon.m4a differ
diff --git a/src/Dragimals/Sounds/ChrisSheep.m4a b/src/Dragimals/Sounds/ChrisSheep.m4a
new file mode 100644
index 00000000..dcde33b8
Binary files /dev/null and b/src/Dragimals/Sounds/ChrisSheep.m4a differ
diff --git a/src/Dragimals/Sounds/HannahBear.m4a b/src/Dragimals/Sounds/HannahBear.m4a
new file mode 100644
index 00000000..1405d93e
Binary files /dev/null and b/src/Dragimals/Sounds/HannahBear.m4a differ
diff --git a/src/Dragimals/Sounds/HannahCat.m4a b/src/Dragimals/Sounds/HannahCat.m4a
new file mode 100644
index 00000000..0c584ef3
Binary files /dev/null and b/src/Dragimals/Sounds/HannahCat.m4a differ
diff --git a/src/Dragimals/Sounds/HannahChicken.m4a b/src/Dragimals/Sounds/HannahChicken.m4a
new file mode 100644
index 00000000..f6cdbb39
Binary files /dev/null and b/src/Dragimals/Sounds/HannahChicken.m4a differ
diff --git a/src/Dragimals/Sounds/HannahCow.m4a b/src/Dragimals/Sounds/HannahCow.m4a
new file mode 100644
index 00000000..20d1234d
Binary files /dev/null and b/src/Dragimals/Sounds/HannahCow.m4a differ
diff --git a/src/Dragimals/Sounds/HannahDog.m4a b/src/Dragimals/Sounds/HannahDog.m4a
new file mode 100644
index 00000000..6ba6216c
Binary files /dev/null and b/src/Dragimals/Sounds/HannahDog.m4a differ
diff --git a/src/Dragimals/Sounds/HannahFrog.m4a b/src/Dragimals/Sounds/HannahFrog.m4a
new file mode 100644
index 00000000..e968e6ce
Binary files /dev/null and b/src/Dragimals/Sounds/HannahFrog.m4a differ
diff --git a/src/Dragimals/Sounds/HannahGorilla.m4a b/src/Dragimals/Sounds/HannahGorilla.m4a
new file mode 100644
index 00000000..7e0ca157
Binary files /dev/null and b/src/Dragimals/Sounds/HannahGorilla.m4a differ
diff --git a/src/Dragimals/Sounds/HannahKoala.m4a b/src/Dragimals/Sounds/HannahKoala.m4a
new file mode 100644
index 00000000..fefd01d6
Binary files /dev/null and b/src/Dragimals/Sounds/HannahKoala.m4a differ
diff --git a/src/Dragimals/Sounds/HannahLion.m4a b/src/Dragimals/Sounds/HannahLion.m4a
new file mode 100644
index 00000000..219c3527
Binary files /dev/null and b/src/Dragimals/Sounds/HannahLion.m4a differ
diff --git a/src/Dragimals/Sounds/HannahMama.m4a b/src/Dragimals/Sounds/HannahMama.m4a
new file mode 100644
index 00000000..312c5fa3
Binary files /dev/null and b/src/Dragimals/Sounds/HannahMama.m4a differ
diff --git a/src/Dragimals/Sounds/HannahMonkey.m4a b/src/Dragimals/Sounds/HannahMonkey.m4a
new file mode 100644
index 00000000..e2905ea4
Binary files /dev/null and b/src/Dragimals/Sounds/HannahMonkey.m4a differ
diff --git a/src/Dragimals/Sounds/HannahOwl.m4a b/src/Dragimals/Sounds/HannahOwl.m4a
new file mode 100644
index 00000000..06fd8735
Binary files /dev/null and b/src/Dragimals/Sounds/HannahOwl.m4a differ
diff --git a/src/Dragimals/Sounds/HannahPanda.m4a b/src/Dragimals/Sounds/HannahPanda.m4a
new file mode 100644
index 00000000..306b8cf0
Binary files /dev/null and b/src/Dragimals/Sounds/HannahPanda.m4a differ
diff --git a/src/Dragimals/Sounds/HannahPenguin.m4a b/src/Dragimals/Sounds/HannahPenguin.m4a
new file mode 100644
index 00000000..c40af150
Binary files /dev/null and b/src/Dragimals/Sounds/HannahPenguin.m4a differ
diff --git a/src/Dragimals/Sounds/HannahPig.m4a b/src/Dragimals/Sounds/HannahPig.m4a
new file mode 100644
index 00000000..a52fe178
Binary files /dev/null and b/src/Dragimals/Sounds/HannahPig.m4a differ
diff --git a/src/Dragimals/Sounds/HannahRaccoon.m4a b/src/Dragimals/Sounds/HannahRaccoon.m4a
new file mode 100644
index 00000000..53921210
Binary files /dev/null and b/src/Dragimals/Sounds/HannahRaccoon.m4a differ
diff --git a/src/Dragimals/Sounds/HannahSheep.m4a b/src/Dragimals/Sounds/HannahSheep.m4a
new file mode 100644
index 00000000..18afd717
Binary files /dev/null and b/src/Dragimals/Sounds/HannahSheep.m4a differ
diff --git a/src/Dragimals/Sounds/background-music.mp4 b/src/Dragimals/Sounds/background-music.mp4
new file mode 100644
index 00000000..ea625264
Binary files /dev/null and b/src/Dragimals/Sounds/background-music.mp4 differ
diff --git a/src/Dragimals/Sounds/index.js b/src/Dragimals/Sounds/index.js
new file mode 100644
index 00000000..899fbd5f
--- /dev/null
+++ b/src/Dragimals/Sounds/index.js
@@ -0,0 +1,40 @@
+import Sound from "react-native-sound";
+
+export const animalSounds = {
+  Chris: {
+    Bear: new Sound(require("./ChrisBear.m4a")),
+    Cat: new Sound(require("./ChrisCat.m4a")),
+    Chicken: new Sound(require("./ChrisChicken.m4a")),
+    Cow: new Sound(require("./ChrisCow.m4a")),
+    Dog: new Sound(require("./ChrisDog.m4a")),
+    Frog: new Sound(require("./ChrisFrog.m4a")),
+    Gorilla: new Sound(require("./ChrisGorilla.m4a")),
+    Koala: new Sound(require("./ChrisKoala.m4a")),
+    Lion: new Sound(require("./ChrisLion.m4a")),
+    Monkey: new Sound(require("./ChrisMonkey.m4a")),
+    Owl: new Sound(require("./ChrisOwl.m4a")),
+    Panda: new Sound(require("./ChrisPanda.m4a")),
+    Penguin: new Sound(require("./ChrisPenguin.m4a")),
+    Pig: new Sound(require("./ChrisPig.m4a")),
+    Raccoon: new Sound(require("./ChrisRaccoon.m4a")),
+    Sheep: new Sound(require("./ChrisSheep.m4a")),
+  },
+  Hannah: {
+    Bear: new Sound(require("./HannahBear.m4a")),
+    Cat: new Sound(require("./HannahCat.m4a")),
+    Chicken: new Sound(require("./HannahChicken.m4a")),
+    Cow: new Sound(require("./HannahCow.m4a")),
+    Dog: new Sound(require("./HannahDog.m4a")),
+    Frog: new Sound(require("./HannahFrog.m4a")),
+    Gorilla: new Sound(require("./HannahGorilla.m4a")),
+    Koala: new Sound(require("./HannahKoala.m4a")),
+    Lion: new Sound(require("./HannahLion.m4a")),
+    Monkey: new Sound(require("./HannahMonkey.m4a")),
+    Owl: new Sound(require("./HannahOwl.m4a")),
+    Panda: new Sound(require("./HannahPanda.m4a")),
+    Penguin: new Sound(require("./HannahPenguin.m4a")),
+    Pig: new Sound(require("./HannahPig.m4a")),
+    Raccoon: new Sound(require("./HannahRaccoon.m4a")),
+    Sheep: new Sound(require("./HannahSheep.m4a")),
+  },
+};
diff --git a/src/Dragimals/Svgs/Bear.svg b/src/Dragimals/Svgs/Bear.svg
new file mode 100644
index 00000000..6d606666
--- /dev/null
+++ b/src/Dragimals/Svgs/Bear.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 650.54 575.5"><circle cx="552.87" cy="93.52" r="93.52" fill="#b58d52"/><circle cx="543.33" cy="97.82" r="56.78" transform="translate(-6.97 141.91) rotate(-14.79)" fill="#f2c88a"/><circle cx="97.67" cy="93.52" r="93.52" fill="#b58d52"/><circle cx="107.21" cy="97.82" r="56.78" transform="translate(-14.73 176.51) rotate(-75.21)" fill="#f2c88a"/><path d="M650.54,300.87C650.54,480,504.91,575.5,325.27,575.5S0,480,0,300.87,145.63,1.38,325.27,1.38,650.54,121.77,650.54,300.87Z" fill="#b58d52"/><path d="M446.28,458.86c0,57.67-54.18,95.31-121,95.31s-121-37.64-121-95.31,54.18-104.42,121-104.42S446.28,401.19,446.28,458.86Z" fill="#feedc5"/><path d="M367.23,436.82c0,20-18.78,33.06-42,33.06s-42-13.06-42-33.06,18.79-36.21,42-36.21S367.23,416.83,367.23,436.82Z" fill="#664e29"/><line x1="325.27" y1="435.81" x2="325.27" y2="504.69" fill="none" stroke="#664e29" stroke-linecap="round" stroke-linejoin="round" stroke-width="12.27"/><path d="M266.75,485.47s46.24,63.94,117,0" fill="none" stroke="#664e29" stroke-linecap="round" stroke-linejoin="round" stroke-width="12.27"/><ellipse cx="168.64" cy="346.13" rx="40.02" ry="42.2" fill="#664e29"/><ellipse cx="481.9" cy="346.13" rx="40.02" ry="42.2" fill="#664e29"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Boar.svg b/src/Dragimals/Svgs/Boar.svg
new file mode 100644
index 00000000..1fa2b746
--- /dev/null
+++ b/src/Dragimals/Svgs/Boar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 692.36 570.17"><path d="M176.13,71.05a74.13,74.13,0,0,0-14.59-13.56c-19.47-13.27-43-14.32-64.73-21.72-24.21-8.26-47.29-19.44-70-31.06C22,2.27,14-2.46,9.22,1.57,5,5.15,3.36,18.18,2.29,23.38a111.13,111.13,0,0,0,.5,47.2A111.25,111.25,0,0,0,39.06,130c21.4,18.08,48.81,27.33,76,34,9.43,2.33,19.56,4.36,28.67,1,10.69-3.93,17.43-14.26,23.42-23.94l17.4-28.16c3.79-6.14,7.74-13.11,6.16-20.15-.85-3.8-3.21-7-5.54-10.15C182.27,78.7,179.3,74.77,176.13,71.05Z" fill="#cb9663"/><path d="M156.78,74.75a52.2,52.2,0,0,0-11.05-8.49c-14.44-8-30.93-7.15-46.51-10.89C81.81,51.2,65,44.93,48.39,38.33,44.9,36.94,39,34.17,36,37.29c-2.7,2.77-3,12-3.4,15.65a77,77,0,0,0,32.6,71.84C81.25,136,101,140.62,120.34,143.51c6.72,1,13.9,1.75,20-1.19,7.19-3.44,11.21-11.07,14.74-18.21q5.14-10.38,10.28-20.75c2.24-4.53,4.53-9.65,3-14.45-.84-2.58-2.7-4.69-4.52-6.7C161.55,79.67,159.23,77.13,156.78,74.75Z" fill="#b07948"/><path d="M516.23,71.05a74.07,74.07,0,0,1,14.58-13.56c19.47-13.27,43.06-14.32,64.73-21.72,24.21-8.26,47.3-19.44,70.05-31.06,4.78-2.44,12.81-7.17,17.55-3.14,4.21,3.58,5.86,16.61,6.93,21.81a111,111,0,0,1-.51,47.2A111.19,111.19,0,0,1,653.29,130c-21.39,18.08-48.8,27.33-76,34-9.43,2.33-19.56,4.36-28.68,1-10.68-3.93-17.42-14.26-23.41-23.94l-17.4-28.16c-3.79-6.14-7.74-13.11-6.16-20.15.84-3.8,3.21-7,5.53-10.15C510.09,78.7,513.05,74.77,516.23,71.05Z" fill="#cb9663"/><path d="M535.58,74.75a52.2,52.2,0,0,1,11-8.49c14.43-8,30.93-7.15,46.51-10.89,17.41-4.17,34.22-10.44,50.83-17,3.48-1.39,9.39-4.16,12.43-1,2.7,2.77,3,12,3.4,15.65a77.08,77.08,0,0,1-32.6,71.84C611.11,136,591.41,140.62,572,143.51c-6.72,1-13.91,1.75-20-1.19-7.18-3.44-11.2-11.07-14.74-18.21L527,103.36c-2.24-4.53-4.53-9.65-3-14.45.84-2.58,2.7-4.69,4.52-6.7C530.8,79.67,533.13,77.13,535.58,74.75Z" fill="#b07948"/><path d="M617.09,298.89c-3.4-36.68.29-73.59-4.41-110.19s-18.84-74-52.83-101.81C509.35,45.6,425.23,8.68,345.55,8.6h-3.4C263.81,9.75,183,45.6,132.51,86.89c-34,27.78-48.13,65.2-52.83,101.81s-1,73.51-4.41,110.19c-3.06,33-11.86,65.73-12.33,98.8s8.29,67.56,36.51,93.92c22,20.58,54.14,34.58,87,45.78,41.35,14.08,84.75,24.3,129.27,31.64,9.24,1.52,51.63,1.52,60.87,0,44.53-7.34,87.93-17.56,129.28-31.64,32.88-11.2,65-25.2,87-45.78,28.23-26.36,37-60.85,36.52-93.92S620.15,331.89,617.09,298.89Z" fill="#cb9663"/><path d="M346.42,372.39c-59.35,0-107.71,60.87-107.71,102.16s48.36,67.79,107.71,67.79,107.23-26.5,107.23-67.79S405.78,372.39,346.42,372.39Z" fill="#a4734e"/><path d="M178.85,492.91a34.92,34.92,0,0,0,6.1.73c16.39.55,40.51-15.1,32.19-33.87-1.76-4-4.61-7.31-7.43-10.6l-20.65-24.09c-7-8.14-14-16.3-21.76-23.66-2.72-2.57-6.37-5.22-9.86-3.89a9,9,0,0,0-4.13,4c-5.82,9.39-6.68,21.06-5.66,32.06,1.19,12.75,4.69,25.19,9.38,37.1,2.58,6.53,5.72,13.18,11.26,17.49A25.85,25.85,0,0,0,178.85,492.91Z" fill="#fff"/><path d="M513.51,492.91a34.91,34.91,0,0,1-6.11.73c-16.38.55-40.5-15.1-32.18-33.87,1.75-4,4.61-7.31,7.43-10.6l20.65-24.09c7-8.14,14-16.3,21.76-23.66,2.72-2.57,6.37-5.22,9.86-3.89a9,9,0,0,1,4.13,4c5.82,9.39,6.68,21.06,5.66,32.06-1.19,12.75-4.69,25.19-9.38,37.1-2.58,6.53-5.72,13.18-11.26,17.49A25.91,25.91,0,0,1,513.51,492.91Z" fill="#fff"/><path d="M320.73,442a20.54,20.54,0,0,0-4.45-4.7c-4.57-3.18-10.94-2.13-15.24,1.46s-6.78,9.26-7.92,15c-2.74,13.66,1.37,28.2,8.9,39.57,2.25,3.39,4.9,6.65,8.38,8.44a24.14,24.14,0,0,0,6.9,2c3.39.61,7.13,1,10-1,2.67-1.85,4-5.34,4.49-8.73C334.77,475,332.14,457.3,320.73,442Z" fill="#724b2b"/><path d="M376.29,442a20.29,20.29,0,0,1,4.44-4.7c4.58-3.18,10.94-2.13,15.25,1.46s6.77,9.26,7.92,15c2.73,13.66-1.38,28.2-8.9,39.57-2.25,3.39-4.9,6.65-8.39,8.44a24.17,24.17,0,0,1-6.89,2c-3.4.61-7.14,1-10-1-2.67-1.85-4-5.34-4.49-8.73C362.25,475,364.87,457.3,376.29,442Z" fill="#724b2b"/><path d="M346.18,130.53c18.25,0,33-34.06,33-76.08,0-16.58-2.31-31.9-6.22-44.4-9.17-.93-18.34-1.44-27.45-1.45h-3.4c-7.57.11-15.16.56-22.74,1.29-3.94,12.53-6.27,27.91-6.27,44.56C313.14,96.47,327.93,130.53,346.18,130.53Z" fill="#b07948"/><path d="M251.87,130.53c18.25,0,33-34.06,33-76.08a157.9,157.9,0,0,0-4.48-38.25,369.21,369.21,0,0,0-60.57,19.34,171.93,171.93,0,0,0-1,18.91C218.83,96.47,233.63,130.53,251.87,130.53Z" fill="#b07948"/><path d="M440.48,130.53c18.25,0,33-34.06,33-76.08a174.17,174.17,0,0,0-1-18.59,377.27,377.27,0,0,0-60.66-19.41,157.64,157.64,0,0,0-4.42,38C407.45,96.47,422.24,130.53,440.48,130.53Z" fill="#b07948"/><circle cx="229.09" cy="313.44" r="38.01" transform="translate(-154.53 253.79) rotate(-45)" fill="#724b2b"/><circle cx="463.27" cy="313.44" r="38.01" transform="translate(-85.94 419.38) rotate(-45)" fill="#724b2b"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Bunny.svg b/src/Dragimals/Svgs/Bunny.svg
new file mode 100644
index 00000000..f221c035
--- /dev/null
+++ b/src/Dragimals/Svgs/Bunny.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 712.67 836.22"><path d="M488.91,188C454.85,330.65,474.14,457.53,532,471.38s132.36-90.57,166.43-233.23S702,15.86,644.09,2,523,45.34,488.91,188Z" fill="#f9e4e1"/><path d="M526.28,358.31c23.72,14.14,49.93,19.61,76.51,21.56,15.39-27.12,29.5-63,39.75-104,24.58-98.21,50.6-198.32-7.78-216.31-55.17-17-88,73.35-112.56,171.56-10.21,40.81-14.89,80-14.58,113A108.27,108.27,0,0,0,526.28,358.31Z" fill="#fef4f8"/><path d="M704.1,618.88c0,147.73-129.71,217.34-289.7,217.34S124.71,766.61,124.71,618.88s129.7-267.5,289.69-267.5S704.1,471.15,704.1,618.88Z" fill="#f9e4e1"/><path d="M704.1,556.52c0,170.3-129.71,250.54-289.7,250.54S124.71,726.82,124.71,556.52,257.25,279.4,417.24,279.4,704.1,386.22,704.1,556.52Z" fill="#f9e4e1"/><path d="M417.83,731.74c6.75,6.41,12.16,9.71,18.32,12.1,14,5.43,27.42,4.31,35.73-3" fill="none" stroke="#e78d83" stroke-linecap="round" stroke-miterlimit="10" stroke-width="11.26"/><path d="M410.9,731.77c-6.7,6.46-12.08,9.8-18.23,12.24-14,5.53-27.38,4.51-35.75-2.72" fill="none" stroke="#e78d83" stroke-linecap="round" stroke-miterlimit="10" stroke-width="11.26"/><line x1="414.31" y1="716.27" x2="414.37" y2="731.75" fill="none" stroke="#e78d83" stroke-linecap="round" stroke-miterlimit="10" stroke-width="11.26"/><path d="M394.22,689.41l40-.15a5.32,5.32,0,0,1,3.84,9l-19.91,20.54a5.31,5.31,0,0,1-7.61,0l-20.07-20.39A5.32,5.32,0,0,1,394.22,689.41Z" fill="#e78d83"/><circle cx="280.75" cy="627.53" r="39" transform="translate(-361.5 382.32) rotate(-45)" fill="#94705f"/><circle cx="547.7" cy="627.53" r="39" transform="translate(-159.46 1067.64) rotate(-80.78)" fill="#94705f"/><path d="M307.21,191.94c-8.71-20.55-18-41.94-34-56-29.74-26.17-72.89-17.87-103.25,4.12s-52.86,55.1-80.89,80.65c-17.79,16.22-37.69,29.28-57,43.2-11,7.95-22.32,16.75-28.15,30-10.76,24.49,1.66,57,22.16,73.52s46.59,20.35,71.2,20c40.23-.49,84-13.65,104.16-52,17.34,19,22.62,54.51,45.84,60.59,6.16,1.62,12.5.6,18.59-.73,23.39-5.13,51.88-19.79,71.41-35.7C386.73,319.47,329.87,245.41,307.21,191.94Z" fill="#f9e4e1"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Cat.svg b/src/Dragimals/Svgs/Cat.svg
new file mode 100644
index 00000000..539791d4
--- /dev/null
+++ b/src/Dragimals/Svgs/Cat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 914.14 587.46"><path d="M143.34,160.19l.47-80.6c.09-16,.25-32.36,5.75-47.38S167.05,3.54,182.77.62C199.84-2.56,216.38,7.14,231,16.44L291.84,55c26.32,16.7,55.48,37.95,57.58,69.05.6,8.88-1.19,17.75-3.42,26.37-9.65,37.18-28.55,72.81-58.11,97.34-25.59,21.23-78.7,44.67-110.73,23.46C144.16,249.42,143.14,194.52,143.34,160.19Z" fill="#e2d7d3"/><path d="M180.09,97.83c-.12-7.55-.09-15.33,2.77-22.32a29.55,29.55,0,0,1,23.87-17.79c13.56-1.35,26,6.79,37.22,14.56l26,18.11c10.12,7,21.17,15.55,22.55,27.8,1.48,13-8.62,24.24-18.19,33.21-11.09,10.42-22.57,20.57-35.54,28.54S211.23,193.65,196,194.52c-9.12.53-9.62-4.48-10.48-12q-1.65-14.42-2.79-28.86Q180.53,125.78,180.09,97.83Z" fill="#fcebeb"/><path d="M770.8,160.19l-.47-80.6c-.09-16-.25-32.36-5.75-47.38S747.09,3.54,731.37.62c-17.07-3.18-33.6,6.52-48.26,15.82L622.3,55C596,71.74,566.82,93,564.72,124.09c-.6,8.88,1.19,17.75,3.42,26.37,9.65,37.18,28.55,72.81,58.11,97.34C651.84,269,705,292.47,737,271.26,770,249.42,771,194.52,770.8,160.19Z" fill="#e2d7d3"/><path d="M734.05,97.83c.12-7.55.09-15.33-2.77-22.32a29.55,29.55,0,0,0-23.87-17.79c-13.56-1.35-26,6.79-37.22,14.56l-26,18.11c-10.12,7-21.17,15.55-22.55,27.8-1.48,13,8.62,24.24,18.19,33.21,11.1,10.42,22.57,20.57,35.54,28.54s27.58,13.71,42.78,14.58c9.12.53,9.62-4.48,10.48-12q1.65-14.42,2.79-28.86Q733.62,125.78,734.05,97.83Z" fill="#fcebeb"/><path d="M798.35,346.6c-.89,162.55-150.71,241.86-335.51,240.85s-334.57-82-333.68-244.51S280.5,63.88,465.29,64.89,799.24,184.06,798.35,346.6Z" fill="#e2d7d3"/><path d="M.79,377.37c15.11,1.57,30.05,3.91,45,6.42s29.73,5.42,44.52,8.52,29.51,6.46,44.18,10.1,29.29,7.57,43.75,12.22c-15.11-1.56-30.06-3.89-45-6.41s-29.74-5.42-44.52-8.53-29.51-6.47-44.18-10.11S15.25,382,.79,377.37Z" fill="#828383"/><path d="M0,481.54c14.6-4.2,29.33-7.62,44.1-10.87s29.6-6.1,44.47-8.75,29.79-5.06,44.75-7.17,30-3.94,45.14-5c-14.6,4.21-29.33,7.64-44.1,10.88s-29.6,6.1-44.47,8.75-29.79,5-44.76,7.15S15.15,480.43,0,481.54Z" fill="#828383"/><path d="M914.14,378.34c-14.51,4.49-29.17,8.2-43.87,11.73s-29.48,6.68-44.3,9.63-29.68,5.64-44.6,8-29.91,4.52-45,5.92c14.51-4.49,29.17-8.21,43.87-11.74s29.48-6.68,44.3-9.62,29.68-5.63,44.6-8S899,379.74,914.14,378.34Z" fill="#828383"/><path d="M914,482.51C898.89,481.24,883.9,479.2,869,477s-29.83-4.83-44.68-7.64-29.63-5.88-44.37-9.24-29.43-7-44-11.35c15.13,1.26,30.12,3.3,45.07,5.53s29.84,4.83,44.68,7.65,29.63,5.89,44.37,9.25S899.48,478.16,914,482.51Z" fill="#828383"/><path d="M533.93,473.57c-1.19,14.28-12.44,23.89-25.88,26.83-12.53,2.74-30.15.82-38-10.51-3.93-5.68-5.35-12.72-5.36-19.53" fill="none" stroke="#828383" stroke-linecap="round" stroke-miterlimit="10" stroke-width="10.84"/><path d="M393.59,472.8c1,14.3,12.17,24,25.57,27.11,12.51,2.88,30.14,1.16,38.11-10.09,4-5.63,5.49-12.66,5.57-19.47" fill="none" stroke="#828383" stroke-linecap="round" stroke-miterlimit="10" stroke-width="10.84"/><path d="M485.7,452.81c-.05,8.49-9.47,19.63-21,19.57s-20.84-11.31-20.79-19.8,9.44-15.32,21-15.25S485.74,444.32,485.7,452.81Z" fill="#828383"/><path d="M415,136.26c6.42,13.61,13,27.42,23,38.66,3.46-11.22,3.5-23.17,3.5-34.91q0-37.29,0-74.58a414.75,414.75,0,0,0-53.71,6.16c3.56,14.3,9.84,27.92,16.1,41.18Q409.47,124.51,415,136.26Z" fill="#bcb4b1"/><path d="M489.09,174.92c10-11.24,16.56-25,23-38.66l11.08-23.49c6.23-13.21,12.51-26.75,16.09-41a414.4,414.4,0,0,0-53.69-6.29l0,74.51C485.59,151.75,485.62,163.7,489.09,174.92Z" fill="#bcb4b1"/><circle cx="316.27" cy="392.72" r="37.78" fill="#828383"/><circle cx="611.24" cy="392.72" r="37.78" fill="#828383"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Chicken.svg b/src/Dragimals/Svgs/Chicken.svg
new file mode 100644
index 00000000..9a1950a4
--- /dev/null
+++ b/src/Dragimals/Svgs/Chicken.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 638.38 704.51"><ellipse cx="319.19" cy="86.5" rx="47.47" ry="86.5" fill="#ee7b3f"/><ellipse cx="250.95" cy="103.37" rx="41.87" ry="76.29" transform="translate(0.41 207.73) rotate(-45)" fill="#ee7b3f"/><ellipse cx="387.43" cy="103.37" rx="76.29" ry="41.87" transform="translate(40.38 304.23) rotate(-45)" fill="#ee7b3f"/><path d="M638.38,449.47c0,189.76-142.91,255-319.19,255S0,639.23,0,449.47,142.91,105.9,319.19,105.9,638.38,259.72,638.38,449.47Z" fill="#f6f5e6"/><path d="M343.33,483.35c0,20.89-10.81,34.93-24.14,34.93s-24.14-14-24.14-34.93,10.81-62.12,24.14-62.12S343.33,462.46,343.33,483.35Z" fill="#ee7b3f"/><path d="M378.57,424.65c0,15.39-26.59,27.86-59.38,27.86S259.81,440,259.81,424.65s26.59-40.32,59.38-40.32S378.57,409.27,378.57,424.65Z" fill="#f2d72b"/><circle cx="197.88" cy="370.83" r="35.79" transform="translate(-126.85 103.95) rotate(-22.5)" fill="#664e29"/><circle cx="440.5" cy="370.83" r="35.79" transform="translate(-133.2 420.09) rotate(-45)" fill="#664e29"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Cow.svg b/src/Dragimals/Svgs/Cow.svg
new file mode 100644
index 00000000..6cfb8709
--- /dev/null
+++ b/src/Dragimals/Svgs/Cow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 708.21 712.26"><path d="M159.24,51.9c5-17.41,12.67-35.49,24.95-48.21a11.84,11.84,0,0,1,20.39,7.24A199.44,199.44,0,0,0,246,117.76c5.33,6.79,11.19,13.39,14.44,21.4,7.94,19.6-2.54,43-19.48,55.63-11.84,8.84-40.75,22.62-56,17.08-14.64-5.32-22.82-30.21-27.2-43.78C145.7,130.69,148.55,89.26,159.24,51.9Z" fill="#f1c474"/><path d="M549,51.9c-5-17.41-12.67-35.49-25-48.21a11.84,11.84,0,0,0-20.39,7.24,199.36,199.36,0,0,1-41.41,106.83c-5.33,6.79-11.19,13.39-14.44,21.4-7.94,19.6,2.54,43,19.49,55.63,11.83,8.84,40.75,22.62,56,17.08,14.63-5.32,22.81-30.21,27.19-43.78C562.51,130.69,559.67,89.26,549,51.9Z" fill="#f1c474"/><path d="M560.7,510.89A392.59,392.59,0,0,0,585,260.19c-2.86-12.05-6.31-24-11.37-35.32-15.1-33.72-43.95-59.92-76.45-77.51-24.81-13.42-51.78-22.22-79.07-29-23.62-5.89-104.41-5.89-128,0-27.29,6.8-54.26,15.6-79.07,29-32.49,17.59-61.35,43.79-76.44,77.51-5.07,11.31-8.52,23.27-11.37,35.32a392.58,392.58,0,0,0,24.3,250.7c.26.56.53,1.11.79,1.68-.6,6.64-.94,13.35-.94,20.15,0,117.78,92.56,179.54,206.75,179.54S560.86,650.5,560.86,532.72c0-6.8-.35-13.51-1-20.15C560.17,512,560.45,511.45,560.7,510.89Z" fill="#fff5e4"/><rect x="223.24" y="542.49" width="261.73" height="169.77" rx="84.89" fill="#fad2c0"/><path d="M371.21,126.92a198.78,198.78,0,0,0-3.94,29.66c-.65,9.38-.89,18.77-1.11,28.17-.24,9.78-1,19.55-1.16,29.32a246.11,246.11,0,0,0,10.54,74.32c7.26,24.45,17.54,47.89,28.15,71,18.58,40.56,41.35,79.69,72.1,112.3a292.76,292.76,0,0,0,85,62.11c0-.37,0-.74,0-1.11,0-6.8-.35-13.51-1-20.15.26-.56.54-1.12.79-1.68A392.59,392.59,0,0,0,585,260.19c-2.86-12.05-6.31-24-11.37-35.32-15.1-33.72-43.95-59.92-76.45-77.51-24.81-13.42-51.78-22.22-79.07-29-8.64-2.16-24.95-3.52-43.3-4.1A101.49,101.49,0,0,0,371.21,126.92Z" fill="#636262"/><path d="M4,205.61a9.16,9.16,0,0,0-3.49,3.68c-1,2.34-.2,5.08.66,7.47,8.15,22.39,23.67,41.33,42.94,52.36,25.07,14.35,54.42,15,82.6,15.16,28.72.14,60.89-1.51,80.66-24.77,6.5-7.65,11.23-17.76,10.93-28.3-1.18-40.75-65.37-49.4-90.91-52.6C85,173.3,40.53,179.9,4,205.61Z" fill="#fff5e4"/><path d="M704.26,205.61a9.12,9.12,0,0,1,3.5,3.68c1,2.34.2,5.08-.67,7.47-8.14,22.39-23.67,41.33-42.93,52.36-25.07,14.35-54.43,15-82.61,15.16-28.72.14-60.89-1.51-80.65-24.77-6.51-7.65-11.24-17.76-10.93-28.3,1.17-40.75,65.36-49.4,90.9-52.6C623.23,173.3,667.69,179.9,704.26,205.61Z" fill="#636262"/><ellipse cx="300.81" cy="643.64" rx="22.64" ry="29.71" transform="translate(-208.69 148.49) rotate(-20.77)" fill="#636262"/><ellipse cx="405.98" cy="643.64" rx="29.71" ry="22.64" transform="translate(-339.8 795.01) rotate(-69.23)" fill="#636262"/><ellipse cx="218.19" cy="400.65" rx="49.24" ry="55.16" fill="#fff"/><ellipse cx="230.47" cy="400.65" rx="37.5" ry="42.01" fill="#636262"/><ellipse cx="490.02" cy="400.65" rx="49.24" ry="55.16" fill="#fff"/><ellipse cx="477.75" cy="400.65" rx="37.5" ry="42.01" fill="#636262"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Deer.svg b/src/Dragimals/Svgs/Deer.svg
new file mode 100644
index 00000000..5d5c62fd
--- /dev/null
+++ b/src/Dragimals/Svgs/Deer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 704.3 871.71"><path d="M198.92,205.77c-18.61-55.05-29.69-126.51-41.56-183.39C155.26,12.29,150.17-.12,139.87,0c-11.21.13-15.43,14.6-16.05,25.78a567.47,567.47,0,0,0,83.37,327.16c3.38,5.46,7,11,12.09,14.85,10.85,8.18,30.44,4.88,38.06-6.65,10.62-16.07.87-22.14-8.11-36.19C225.84,288.33,214,250.21,198.92,205.77Z" fill="#9e7a52"/><path d="M117.75,199.63c-16.56-10.08-36.07-21.37-53.12-17.53-28.09,6.35-4.8,45.39,7.7,54.15,28.92,20.27,67.47,33.09,100.89,43.56,2.73.85,5.58,1.7,8.41,1.28,5.22-.76,8.92-5.57,10.84-10.48a33.47,33.47,0,0,0-5.25-32.83c-12.64-15.31-37.48-20.1-54.51-29.3C128.15,206,123.11,202.89,117.75,199.63Z" fill="#9e7a52"/><path d="M184.59,91.28c7.2-13.37,15.92-28.72,29-32.86,21.49-6.82,21.19,28.77,16.21,39.64-11.53,25.13-32.51,49.05-51,69.33a15.07,15.07,0,0,1-5.18,4.2c-3.83,1.54-8.23-.24-11.47-2.79a26.22,26.22,0,0,1-9.44-24.27c2.49-15.34,17.38-28.41,25.25-41.36C180.09,99.71,182.26,95.6,184.59,91.28Z" fill="#9e7a52"/><path d="M535.7,205.77c18.61-55.05,29.69-126.51,41.56-183.39,2.1-10.09,7.19-22.5,17.49-22.38,11.21.13,15.43,14.6,16,25.78a567.47,567.47,0,0,1-83.37,327.16c-3.38,5.46-7,11-12.09,14.85-10.85,8.18-30.44,4.88-38.06-6.65-10.62-16.07-.87-22.14,8.11-36.19C508.78,288.33,520.67,250.21,535.7,205.77Z" fill="#9e7a52"/><path d="M616.87,199.63c16.56-10.08,36.07-21.37,53.12-17.53,28.09,6.35,4.8,45.39-7.7,54.15-28.92,20.27-67.47,33.09-100.89,43.56-2.73.85-5.58,1.7-8.41,1.28-5.22-.76-8.92-5.57-10.84-10.48a33.47,33.47,0,0,1,5.25-32.83c12.64-15.31,37.48-20.1,54.52-29.3C606.47,206,611.51,202.89,616.87,199.63Z" fill="#9e7a52"/><path d="M550,91.28c-7.2-13.37-15.92-28.72-29-32.86-21.48-6.82-21.19,28.77-16.2,39.64,11.52,25.13,32.5,49.05,50.95,69.33a14.94,14.94,0,0,0,5.17,4.2c3.83,1.54,8.23-.24,11.47-2.79a26.2,26.2,0,0,0,9.44-24.27c-2.49-15.34-17.38-28.41-25.25-41.36C554.53,99.71,552.36,95.6,550,91.28Z" fill="#9e7a52"/><path d="M0,373c0,25.86,61.17,46.12,110.53,46.12S184.08,398.9,184.08,373s-24.19-47.56-73.55-47.56S0,347.14,0,373Z" fill="#ffa956"/><path d="M68.38,372.48c-.93,14,36.5,27.6,67.27,29.71s46.62-7.83,47.62-21.79-13.3-26.76-44.14-28.87S69.38,358.49,68.38,372.48Z" fill="#d89052"/><path d="M704.3,373c0,25.86-61.18,46.12-110.54,46.12S520.22,398.9,520.22,373s24.12-47.56,73.54-47.56S704.3,347.14,704.3,373Z" fill="#ffa956"/><path d="M635.85,372.48c1,14-36.43,27.6-67.27,29.71S522,394.36,521,380.4s13.3-26.76,44.07-28.87S634.86,358.49,635.85,372.48Z" fill="#d89052"/><path d="M560.63,359.73C525.32,312.11,463.83,291,408.5,291H301.08c-55.33,0-116.75,21.14-152.13,68.76-31.77,42.9-29.28,137-22.38,188.68,8.15,60.68,140.6,293.72,163.92,307.71,10.87,12.35,37.93,16,64.32,15,26.32,1,53.3-2.61,64.22-14.91,23.43-14,155.83-247.1,164-307.78C590,496.69,592.46,402.63,560.63,359.73Z" fill="#ffa956"/><path d="M129.81,402.13c.17.06.35-.15.54-.54A1.12,1.12,0,0,0,129.81,402.13Z" fill="#d89052"/><path d="M580,402.13a1.1,1.1,0,0,0-.53-.54C579.67,402,579.85,402.19,580,402.13Z" fill="#d89052"/><path d="M563.12,360.48c-13.31-20.05-34.2-35.59-56.39-46.38-32.36-15.71-73.61-34.31-151.69-33v-.25c-78.21-1.43-119.55,17.47-151.88,33.2C181,324.89,160,340.43,146.78,360.48,144,364.55,139,372.26,136,380.9c-3.08,9-4.57,18.39-5.67,20.69,5.33-3.21,48.32,1.39,53.36,2.16,17.28,2.51,34.68,7.39,49.67,16.07,37.3,21.66,48.3,64.8,60.42,101.33,13.62,40.81,21.51,85.14,40.66,124.18,2.36,4.72,4.42,9.76,7.71,14,.75.93,9,8.17,9,8l.62.05V668l3.14-.24,3.14.24v-.48l.63-.05c0,.12,8.27-7.12,9-8,3.24-4.29,5.35-9.33,7.65-14,19.15-39,27.1-83.37,40.66-124.18,12.18-36.53,23.12-79.67,60.42-101.33,15-8.68,32.39-13.56,49.74-16.07,5-.77,48-5.37,53.3-2.16-1.1-2.31-2.55-11.75-5.68-20.69C570.82,372.26,565.79,364.55,563.12,360.48Z" fill="#d89052"/><path d="M354.92,658.35a31.53,31.53,0,0,1,4.6.07c50.1.15,31.89,62.54,55.88,86.88,15.11,15.35,38.05,17.46,40,41.43,1.55,18.81-4.91,41.68-15.61,56.67-5.09,7.11-16.66,13.67-24.74,19.39s-21.45,7.15-31.95,8.52c-8.21,1.12-17.47-.5-27.92,0Z" fill="#fff6ba"/><path d="M355.41,658.35a30.54,30.54,0,0,0-4.54.07C300.77,658.57,319,721,295,745.3c-15.1,15.35-38,17.46-40,41.43-1.55,18.81,4.91,41.68,15.6,56.67,5.16,7.11,16.67,13.67,24.81,19.39s21.39,7.15,31.89,8.52c8.21,1.12,17.47-.5,27.91,0Z" fill="#fff6ba"/><path d="M311.27,789.81c0-25.18,21.82-24.37,47.13-24.37s44.39-.81,44.39,24.37S382.33,843.27,357,843.27,311.27,815,311.27,789.81Z" fill="#905823"/><circle cx="234.1" cy="585.22" r="29.15" transform="translate(-345.24 336.94) rotate(-45)" fill="#906035"/><circle cx="475.74" cy="585.22" r="29.15" transform="translate(-274.47 507.8) rotate(-45)" fill="#906035"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Dolphin.svg b/src/Dragimals/Svgs/Dolphin.svg
new file mode 100644
index 00000000..22b929e8
--- /dev/null
+++ b/src/Dragimals/Svgs/Dolphin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717.34 583.83"><path d="M717.34,291.92c0,165-158,291.91-328.29,291.91S80.71,450.07,80.71,285.06,229.39,0,399.68,0,717.34,126.91,717.34,291.92Z" fill="#80caeb"/><ellipse cx="213.93" cy="375.28" rx="122.51" ry="215.28" transform="translate(-187.05 535.97) rotate(-82.15)" fill="#80caeb"/><circle cx="417.2" cy="288.8" r="37.73" fill="#3e7188"/><path d="M21.9,363.34c23.27-2.63,46.45,5.15,67.76,14.86s41.86,21.51,64.43,27.74c18.91,5.22,38.75,6.36,58.37,5.8,11.27-.32,22.66-1.22,33.41-4.63a74.39,74.39,0,0,0,39.82-30.63" fill="none" stroke="#3e7188" stroke-linecap="round" stroke-linejoin="round" stroke-width="14.85"/><path d="M224.4,537.7a314.13,314.13,0,0,0,164.65,46.13c62.72,0,124.5-14.51,173.19-45.68-39-31.19-101.9-54.83-168.67-54.83C324.53,483.32,263.22,504.67,224.4,537.7Z" fill="#f1f1f1"/><ellipse cx="556.45" cy="98.44" rx="34.06" ry="64.88" transform="translate(192.97 531.12) rotate(-60)" fill="#c0e5f9"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Dragon.svg b/src/Dragimals/Svgs/Dragon.svg
new file mode 100644
index 00000000..97252799
--- /dev/null
+++ b/src/Dragimals/Svgs/Dragon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 583.23 926.18"><path d="M107.38,194.3C136,290,166.85,322.59,191.92,318.09s34.86-44.38,6.25-140.11S125.72-4.34,100.65.17,78.76,98.57,107.38,194.3Z" fill="#f8c36a"/><ellipse cx="99.71" cy="160.49" rx="30.39" ry="75.74" transform="translate(-88.55 176.54) rotate(-63.02)" fill="#f8c36a"/><path d="M475.86,194.3C447.25,290,416.39,322.59,391.31,318.09S356.45,273.71,385.07,178,457.52-4.34,482.59.17,504.47,98.57,475.86,194.3Z" fill="#f8c36a"/><ellipse cx="483.53" cy="160.49" rx="75.74" ry="30.39" transform="translate(-20.19 236.84) rotate(-26.98)" fill="#f8c36a"/><ellipse cx="291.62" cy="167.13" rx="44.85" ry="111.12" fill="#7ba14e"/><ellipse cx="237.56" cy="196.24" rx="44.85" ry="98.59" transform="translate(-70.52 190.94) rotate(-38.57)" fill="#7ba14e"/><ellipse cx="345.68" cy="196.24" rx="98.59" ry="44.85" transform="translate(-23.28 344.13) rotate(-51.43)" fill="#7ba14e"/><path d="M13.64,462.7c0-172.62,124.46-284,278-284s278,111.41,278,284-124.45,319.4-278,319.4S13.64,635.32,13.64,462.7Z" fill="#9bc76f"/><circle cx="249.3" cy="725.02" r="22.83" transform="translate(-258.47 150.59) rotate(-22.5)" fill="#3e542a"/><circle cx="333.93" cy="725.02" r="22.83" transform="translate(-414.86 448.48) rotate(-45)" fill="#3e542a"/><circle cx="159" cy="501.36" r="43.49" transform="translate(-307.95 259.27) rotate(-45)" fill="#506b39"/><circle cx="424.24" cy="501.36" r="43.49" transform="translate(-230.26 446.83) rotate(-45)" fill="#506b39"/><path d="M195.59,723.73c-15.05,2.67-27.91,13.1-36.4,25.82-13.94,20.85-18.94,46.12-20.57,70.76-1.56,23.56-.61,48.63-11.8,70.17S88.15,926.57,65,914.2" fill="none" stroke="#f8b62d" stroke-linecap="round" stroke-miterlimit="10" stroke-width="14.9"/><path d="M386.71,723.73c15.05,2.67,27.91,13.1,36.4,25.82,13.94,20.85,18.94,46.12,20.57,70.76,1.56,23.56.61,48.63,11.8,70.17s38.67,36.09,61.83,23.72" fill="none" stroke="#f8b62d" stroke-linecap="round" stroke-miterlimit="10" stroke-width="14.9"/><path d="M104.58,229.13c31.15,39.65,37.11,86.94,13.31,105.64s-68.34,1.72-99.49-37.93C-4.21,268.07-1,225.43,2.44,204.2a14.92,14.92,0,0,1,15.89-12.49C39.78,193.37,82,200.36,104.58,229.13Z" fill="#9bc76f"/><path d="M478.66,229.13c-31.15,39.65-37.11,86.94-13.31,105.64s68.34,1.72,99.49-37.93c22.6-28.77,19.41-71.41,16-92.64a14.94,14.94,0,0,0-15.9-12.49C543.46,193.37,501.26,200.36,478.66,229.13Z" fill="#9bc76f"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Elephant.svg b/src/Dragimals/Svgs/Elephant.svg
new file mode 100644
index 00000000..23909a6e
--- /dev/null
+++ b/src/Dragimals/Svgs/Elephant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 824.03 621.48"><path d="M269.78,37.13A91.2,91.2,0,0,0,252.7,22.68C194-15.51,111.12,12.93,69,61,20.36,116.4-5.73,191.89,1.06,265.53c2.59,28,10.45,57.19,30.73,76.72,11,10.55,24.88,17.6,39.35,22.26,33,10.61,68.63,8.49,101.3-3.12C152.3,329.76,140.88,292.28,140.88,250,140.88,160,192.43,81.15,269.78,37.13Z" fill="#adbcc5"/><path d="M755.07,61c-42.17-48.06-125-76.5-183.74-38.31a91.27,91.27,0,0,0-17.09,14.45C631.59,81.15,683.15,160,683.15,250c0,42.34-11.42,79.81-31.57,111.44,32.67,11.61,68.33,13.73,101.31,3.12,14.47-4.66,28.4-11.71,39.35-22.26,20.27-19.53,28.14-48.68,30.72-76.72C829.76,191.89,803.67,116.4,755.07,61Z" fill="#adbcc5"/><path d="M554.24,37.13C512.89,13.59,464.18,0,412,0S311.13,13.59,269.78,37.13C192.43,81.15,140.88,160,140.88,250c0,42.33,11.42,79.81,31.56,111.44,35.33,55.46,97.51,92.93,172.08,107-13.38,7.8-29.26,10-44.23,14.08-22,6.07-43.07,17.1-58,34.3s-23.12,51.67-18.46,74c1.6,7.65,4.8,15.23,10.55,20.52,9.19,8.47,22.78,9.57,35.26,10s25.44.63,37.6-2.72,23.77-10.75,29.38-22c3.38-6.81,4.65-25.61,10.17-30.84a41.2,41.2,0,0,1,18.81-9.53c25.34-5.42,49.17-14.76,69.16-31.25,12.82-10.58,24.15-23.37,31-38.5a89.82,89.82,0,0,0,5.66-16.6C549.57,457,615,418.84,651.58,361.39c20.15-31.63,31.57-69.1,31.57-111.44C683.15,160,631.59,81.15,554.24,37.13Z" fill="#bdced8"/><circle cx="302.08" cy="314.93" r="33.85" fill="#6b767d"/><path d="M545.47,281.08a33.86,33.86,0,1,0,33.86,33.85A33.85,33.85,0,0,0,545.47,281.08Z" fill="#6b767d"/><path d="M322.17,399.19a4.23,4.23,0,1,0-6.25,5.71c2,2.2,4.09,4.48,6.26,6.66a96.71,96.71,0,0,0,41.62,24.79,58.44,58.44,0,0,0,7-7,87.36,87.36,0,0,1-42.64-23.82C326.14,403.53,324.13,401.32,322.17,399.19Z" fill="#c15d46"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Fox.svg b/src/Dragimals/Svgs/Fox.svg
new file mode 100644
index 00000000..63b89f7b
--- /dev/null
+++ b/src/Dragimals/Svgs/Fox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 563.36 662.55"><path d="M209.86,126.23,50.48,1.79a8.69,8.69,0,0,0-13.93,7L42,213.31a11,11,0,0,0,4.59,8.56,8.73,8.73,0,0,0,8.89.85l155.76-78.6a1.59,1.59,0,0,1,.32-.16c4.34-2.2,5.88-7.92,3.42-12.8A10.5,10.5,0,0,0,209.86,126.23Z" fill="#f6d270"/><path d="M160.54,112.47,65.41,38.2a5.18,5.18,0,0,0-8.31,4.19l3.27,122.06a6.57,6.57,0,0,0,2.74,5.11,5.21,5.21,0,0,0,5.3.51l93-46.92c.07-.05.13-.06.19-.1,2.6-1.3,3.51-4.72,2-7.63A6.3,6.3,0,0,0,160.54,112.47Z" fill="#fff3ca"/><path d="M353.5,126.23,512.88,1.79a8.68,8.68,0,0,1,13.92,7l-5.48,204.5a11,11,0,0,1-4.59,8.56,8.71,8.71,0,0,1-8.88.85l-155.76-78.6a1.91,1.91,0,0,0-.32-.16c-4.35-2.2-5.88-7.92-3.42-12.8A10.5,10.5,0,0,1,353.5,126.23Z" fill="#f6d270"/><path d="M402.82,112.47,498,38.2a5.18,5.18,0,0,1,8.31,4.19L503,164.45a6.6,6.6,0,0,1-2.74,5.11,5.23,5.23,0,0,1-5.31.51l-93-46.92a1.14,1.14,0,0,0-.19-.1c-2.59-1.3-3.51-4.72-2-7.63A6.28,6.28,0,0,1,402.82,112.47Z" fill="#fff3ca"/><path d="M563.36,322.32c0,93.41-142.72,240.68-225,317.81a82.89,82.89,0,0,1-113.4,0C142.72,563,0,415.73,0,322.32,0,191.09,126.11,84.71,281.68,84.71S563.36,191.09,563.36,322.32Z" fill="#f6d270"/><path d="M393.19,537.08c-5.87-4.75-8-11.73-13.08-17.14-6.25-6.72-13.91-3.94-20.95-.15-13.44,7.28-24.69,18.76-39.74,22.59-20.42,5.21-42.4,6.71-63.21,3.07-18-3.17-30.37-12.59-45.41-22.31-4.72-3-17.81-13.17-23.49-8.09-4.34,3.87-7.88,8.2-12.54,11.76-12.85,9.8-26.1,17-41,21.52,11.65,12.74,38,41.41,39.76,43.32,13.46,14.87,20,19.27,26.8,25.05,8.61,8.36,16.85,16.2,24.56,23.43a82.89,82.89,0,0,0,113.4,0c11.45-10.74,24.08-22.84,37.33-36a96.58,96.58,0,0,1,10.94-10.94c14.06-14.17,28.62-29.34,43.09-45.15C416.53,546.63,402.4,544.56,393.19,537.08Z" fill="#fff3ca"/><ellipse cx="281.68" cy="624.12" rx="27.52" ry="18.13" transform="translate(-3.2 1.45) rotate(-0.29)" fill="#514218"/><path d="M128,607.56c9.41.4,18.74,1.28,28.05,2.34s18.59,2.3,27.85,3.71,18.48,3,27.67,4.82,18.37,3.75,27.46,6.21c-9.41-.38-18.75-1.26-28.06-2.32s-18.59-2.3-27.84-3.72-18.48-3-27.67-4.83S137.08,610,128,607.56Z" fill="#514218"/><path d="M130.3,651c8.88-3.15,17.87-5.82,26.89-8.33s18.1-4.81,27.22-7,18.26-4.14,27.46-5.89,18.44-3.39,27.79-4.51c-8.87,3.17-17.86,5.84-26.89,8.34s-18.1,4.82-27.21,7-18.26,4.13-27.47,5.88S139.65,649.88,130.3,651Z" fill="#514218"/><path d="M435.6,606c-9.07,2.54-18.21,4.6-27.39,6.48s-18.39,3.58-27.62,5.11-18.5,2.89-27.8,4-18.63,2.13-28,2.61c9.07-2.55,18.22-4.61,27.4-6.49s18.38-3.58,27.62-5.1,18.5-2.88,27.8-4S426.2,606.47,435.6,606Z" fill="#514218"/><path d="M433.73,649.45c-9.36-1-18.61-2.55-27.83-4.23s-18.39-3.56-27.53-5.6-18.23-4.24-27.28-6.68-18.07-5-27-8.06c9.36,1,18.62,2.53,27.83,4.22s18.39,3.56,27.53,5.6,18.23,4.25,27.28,6.69S424.83,646.38,433.73,649.45Z" fill="#514218"/><path d="M447.71,405.84s-59.65-20.29-100.36,56.85" fill="none" stroke="#514218" stroke-linecap="round" stroke-miterlimit="10" stroke-width="13.26"/><path d="M115.64,405.84S175.3,385.55,216,462.69" fill="none" stroke="#514218" stroke-linecap="round" stroke-miterlimit="10" stroke-width="13.26"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Frog.svg b/src/Dragimals/Svgs/Frog.svg
new file mode 100644
index 00000000..8f2f111c
--- /dev/null
+++ b/src/Dragimals/Svgs/Frog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 632.06 476.69"><path d="M629.89,309.5c0,128.76-140.52,165-313.86,165S2.17,438.26,2.17,309.5,142.69,76.37,316,76.37,629.89,180.75,629.89,309.5Z" fill="#b6ce6a" stroke="#b6ce6a" stroke-linecap="round" stroke-linejoin="round" stroke-width="4.35"/><circle cx="484.33" cy="107.95" r="105.66" transform="translate(65.53 374.09) rotate(-45)" fill="#b6ce6a" stroke="#b6ce6a" stroke-linecap="round" stroke-linejoin="round" stroke-width="4.57"/><path d="M437.1,131.56a49.5,49.5,0,0,0,62.61,31.79,50,50,0,0,0,31.85-62.93A49.51,49.51,0,0,0,469,68.63,50,50,0,0,0,437.1,131.56Z" fill="#69793d"/><circle cx="146.04" cy="107.95" r="105.66" transform="translate(-33.56 134.88) rotate(-45)" fill="#b6ce6a" stroke="#b6ce6a" stroke-linecap="round" stroke-linejoin="round" stroke-width="4.57"/><ellipse cx="146.04" cy="115.99" rx="49.65" ry="49.87" transform="translate(-28.95 51.49) rotate(-18.23)" fill="#69793d"/><polyline points="143.39 267.84 314.62 361.92 486.98 265.61" fill="none" stroke="#69793d" stroke-linecap="round" stroke-linejoin="round" stroke-width="14.62"/><circle cx="284.81" cy="255.92" r="11.39" fill="#69793d"/><circle cx="345.56" cy="255.92" r="11.39" fill="#69793d"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Giraffe.svg b/src/Dragimals/Svgs/Giraffe.svg
new file mode 100644
index 00000000..7afba93e
--- /dev/null
+++ b/src/Dragimals/Svgs/Giraffe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 718.33 783.09"><path d="M470.75,265.14h0a27.25,27.25,0,0,1-19.17-33.31L495.4,69.13A27.25,27.25,0,0,1,528.71,50h0a27.25,27.25,0,0,1,19.17,33.31L504.06,246A27.25,27.25,0,0,1,470.75,265.14Z" fill="#f7d76d"/><path d="M616.19,226.09A161.34,161.34,0,0,1,718.31,253c.26,5.12-2,10-4.51,14.48a135.68,135.68,0,0,1-74.1,62c-22.47,7.65-46.52,9.21-70.24,9.94-12.44.39-25.18.51-36.93-3.57C498.58,324,504.65,288.19,524,265.42,544.88,240.91,585.37,228.53,616.19,226.09Z" fill="#f7d76d"/><path d="M247.58,265.14h0a27.25,27.25,0,0,0,19.17-33.31L222.93,69.13A27.25,27.25,0,0,0,189.62,50h0a27.25,27.25,0,0,0-19.17,33.31L214.27,246A27.25,27.25,0,0,0,247.58,265.14Z" fill="#f7d76d"/><path d="M102.14,226.09A161.34,161.34,0,0,0,0,253c-.26,5.12,2,10,4.51,14.48a135.68,135.68,0,0,0,74.1,62c22.47,7.65,46.51,9.21,70.24,9.94,12.44.39,25.18.51,36.93-3.57,33.95-11.78,27.88-47.61,8.51-70.38C173.45,240.91,133,228.53,102.14,226.09Z" fill="#f7d76d"/><ellipse cx="527.45" cy="54.62" rx="54.35" ry="57.98" transform="translate(337.54 549.72) rotate(-74.93)" fill="#9a7119"/><ellipse cx="190.88" cy="54.62" rx="57.98" ry="54.35" transform="translate(-7.64 51.52) rotate(-15.07)" fill="#9a7119"/><path d="M581.42,319.88c-2.75-11.6-6.07-23.12-10.94-34-14.53-32.46-42.31-57.68-73.59-74.61-23.88-12.92-49.84-21.38-76.11-27.94-22.73-5.67-100.5-5.67-123.23,0-26.27,6.56-52.23,15-76.11,27.94-31.28,16.93-59.06,42.15-73.59,74.61-4.87,10.88-8.19,22.4-10.94,34A377.93,377.93,0,0,0,160.3,561.19C182.46,610,214.83,653.47,249.87,694c27,31.18,59.61,62.84,100.7,66a85.28,85.28,0,0,0,8.59.2,85.14,85.14,0,0,0,8.59-.2c41.1-3.11,73.75-34.77,100.71-66,35-40.54,67.41-84,89.56-132.82A377.87,377.87,0,0,0,581.42,319.88Z" fill="#f7d76d"/><ellipse cx="359.16" cy="577.81" rx="173.2" ry="205.28" fill="#f7d76d"/><ellipse cx="356.6" cy="695.58" rx="129.99" ry="87.51" fill="#f3c76f"/><ellipse cx="333.51" cy="698.4" rx="16.19" ry="21.35" transform="translate(-304.52 260.32) rotate(-30)" fill="#9a7119"/><ellipse cx="384.82" cy="698.4" rx="21.35" ry="16.19" transform="translate(-412.42 682.47) rotate(-60)" fill="#9a7119"/><path d="M290.22,732.07s67.63,63.7,137.89,0" fill="none" stroke="#9a7119" stroke-linecap="round" stroke-linejoin="round" stroke-width="11.82"/><path d="M277.31,490.16a29.69,29.69,0,0,1-3.35,6.66,45.81,45.81,0,0,1-4.43,5.73,50.73,50.73,0,0,1-11.12,9.13,53.09,53.09,0,0,1-28.57,7.83,49.86,49.86,0,0,1-15.36-2.64,47.14,47.14,0,0,1-13.58-7.38c-1-.77-1.93-1.67-2.87-2.51l-1.37-1.3c-.44-.44-.84-.94-1.25-1.41-.83-.94-1.61-1.91-2.38-2.87s-1.39-2.06-2-3.11a35.75,35.75,0,0,1-5-13.83c2.57.56,4.76,1.32,6.94,2,1.12.28,2.16.63,3.2.94s2,.62,3.07.87,2,.57,2.93.85,1.94.45,2.87.7l1.37.36,1.39.28c.91.2,1.79.43,2.67.6,3.53.69,6.86,1.17,10.11,1.55s6.49.49,9.77.58a198.92,198.92,0,0,0,21.15-.94l12.11-1.08c2.13-.19,4.31-.38,6.59-.55S274.75,490.26,277.31,490.16Z" fill="#685814"/><path d="M445,490.16c2.56.1,4.9.25,7.18.43s4.46.36,6.59.55l12.11,1.08a198.92,198.92,0,0,0,21.15.94c3.28-.09,6.5-.23,9.77-.58s6.58-.86,10.11-1.55c.89-.17,1.76-.4,2.67-.6l1.39-.28,1.37-.36c.93-.25,1.89-.48,2.87-.7s1.92-.58,2.93-.85,2-.53,3.07-.87,2.08-.66,3.2-.94c2.18-.65,4.37-1.41,6.94-2a35.75,35.75,0,0,1-5,13.83c-.65,1-1.32,2.1-2,3.11s-1.55,1.93-2.38,2.87c-.41.47-.81,1-1.25,1.41l-1.37,1.3c-.94.84-1.85,1.74-2.87,2.51a47.14,47.14,0,0,1-13.58,7.38,49.86,49.86,0,0,1-15.36,2.64,53.09,53.09,0,0,1-28.57-7.83,50.73,50.73,0,0,1-11.12-9.13,45.81,45.81,0,0,1-4.43-5.73A29.69,29.69,0,0,1,445,490.16Z" fill="#685814"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Gorilla.svg b/src/Dragimals/Svgs/Gorilla.svg
new file mode 100644
index 00000000..c25e6de3
--- /dev/null
+++ b/src/Dragimals/Svgs/Gorilla.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 768.46 614.78"><ellipse cx="95" cy="343.78" rx="95" ry="98.53" fill="#afafaf"/><ellipse cx="673.46" cy="343.78" rx="95" ry="98.53" fill="#afafaf"/><path d="M588.67,181.37c0,89.7-91.53,162.41-204.44,162.41S179.79,271.07,179.79,181.37,271.32,0,384.23,0,588.67,91.67,588.67,181.37Z" fill="#686663"/><path d="M692.42,358.16c0,157.61-138,256.62-308.19,256.62S76,515.77,76,358.16,214,72.79,384.23,72.79,692.42,200.56,692.42,358.16Z" fill="#686663"/><path d="M491.59,194.18c-41.88-.1-79.73,21.3-107.36,55.9-27.63-34.6-65.48-56-107.36-55.9-84.34,2.18-152.78,78.93-152.52,169.9.12,55.37,25,109.53,61.94,149.77,50.78,55.25,124.53,77.85,197.94,76.27,73.41,1.58,147.16-21,197.94-76.27,37-40.24,61.82-94.4,61.94-149.77C644.37,273.11,575.93,196.36,491.59,194.18Z" fill="#afafaf"/><path d="M432,439.86c16.92-16.19,19.85-39.63,6.54-52.37s-37.42-10-54.32,5.89c-16.9-15.85-41.12-18.52-54.32-5.89s-10.39,36.18,6.53,52.37" fill="none" stroke="#686663" stroke-linecap="round" stroke-linejoin="round" stroke-width="11.34"/><ellipse cx="351.92" cy="415.32" rx="13.13" ry="16.75" transform="translate(-192.42 421.05) rotate(-50.33)" fill="#686663"/><ellipse cx="415.38" cy="415.32" rx="16.75" ry="13.13" transform="translate(-169.48 360.83) rotate(-39.67)" fill="#686663"/><line x1="384.23" y1="466.03" x2="384.23" y2="500.94" fill="none" stroke="#686663" stroke-linecap="round" stroke-linejoin="round" stroke-width="11.34"/><path d="M253.57,462.34c77.41,60.29,183.91,60.29,261.32,0" fill="none" stroke="#686663" stroke-linecap="round" stroke-linejoin="round" stroke-width="11.34"/><path d="M269.05,323.86c68.24,26.57,162.12,26.57,230.36,0" fill="none" stroke="#686663" stroke-linecap="round" stroke-linejoin="round" stroke-width="11.34"/><ellipse cx="268.75" cy="367.69" rx="27.79" ry="28.83" fill="#686663"/><ellipse cx="500.03" cy="367.69" rx="27.79" ry="28.83" fill="#686663"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Horse.svg b/src/Dragimals/Svgs/Horse.svg
new file mode 100644
index 00000000..7d672020
--- /dev/null
+++ b/src/Dragimals/Svgs/Horse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.22 747.46"><path d="M385.42,75.35A177.24,177.24,0,0,1,473.62,0c4.79,3,7.77,8.08,10.26,13.13a149,149,0,0,1,9.54,105.7c-7.16,25.08-20.8,47.76-35,69.64-7.44,11.46-15.31,23-26.35,31.1-31.89,23.26-60.43-4.65-68.85-36.39C354.15,149,368.32,104.7,385.42,75.35Z" fill="#95663f"/><path d="M392,128.76c2.32-9.55,7.13-18.42,12.25-26.88,10.64-17.57,23-34.21,37.95-47.68,4.88-4.4,10.85-8.7,16.58-7.55,7.34,1.46,10.06,10.8,10.67,19,1.25,16.61-1.46,33.79-6.51,50.26a214.87,214.87,0,0,1-9.36,24.75c-2.19,4.88-3.85,10-6.76,14.58-4.27,6.63-11.76,9.05-18.42,9.87-14.4,1.78-31-.85-36.2-16.67C390.18,142.35,390.35,135.4,392,128.76Z" fill="#4f3218"/><path d="M127.21,75.35A177.24,177.24,0,0,0,39,0c-4.79,3-7.76,8.08-10.25,13.13a149,149,0,0,0-9.55,105.7c7.16,25.08,20.8,47.76,35,69.64,7.44,11.46,15.31,23,26.35,31.1,31.89,23.26,60.44-4.65,68.86-36.39C158.48,149,144.31,104.7,127.21,75.35Z" fill="#95663f"/><path d="M120.67,128.76c-2.33-9.55-7.14-18.42-12.26-26.88-10.64-17.57-23-34.21-37.95-47.68-4.88-4.4-10.85-8.7-16.58-7.55-7.34,1.46-10.05,10.8-10.67,19C42,82.28,44.67,99.46,49.72,115.93a214.93,214.93,0,0,0,9.37,24.75c2.18,4.88,3.84,10,6.75,14.58,4.27,6.63,11.76,9.05,18.43,9.87,14.39,1.78,31-.85,36.19-16.67C122.46,142.35,122.29,135.4,120.67,128.76Z" fill="#4f3218"/><path d="M499.28,262.11c-3-12.74-6.67-25.39-12-37.35-16-35.66-46.48-63.36-80.84-82-26.24-14.2-54.76-23.5-83.62-30.69-25-6.23-110.41-6.23-135.38,0C158.56,119.3,130,128.6,103.8,142.8c-34.36,18.6-64.87,46.3-80.84,82-5.35,12-9,24.61-12,37.35a415.15,415.15,0,0,0,25.7,265.1C61,580.82,96.54,628.6,135,673.13c29.62,34.26,65.48,69,110.63,72.45a90.47,90.47,0,0,0,9.44.22,90.47,90.47,0,0,0,9.44-.22c45.15-3.42,81-38.19,110.63-72.45,38.5-44.53,74.06-92.31,98.4-145.92A415.15,415.15,0,0,0,499.28,262.11Z" fill="#95663f"/><path d="M374.57,637.07c0,46.45-53.49,110.39-119.46,110.39S135.65,683.52,135.65,637.07s53.13-69.63,119.11-69.63S374.57,590.62,374.57,637.07Z" fill="#c59f6a"/><ellipse cx="230.1" cy="672.12" rx="15.56" ry="20.52" transform="translate(-305.23 205.09) rotate(-30)" fill="#4f3218"/><ellipse cx="279.42" cy="672.12" rx="20.52" ry="15.56" transform="translate(-442.36 578.04) rotate(-60)" fill="#4f3218"/><path d="M188.49,697.89s65,61.21,132.53,0" fill="none" stroke="#4f3218" stroke-linecap="round" stroke-linejoin="round" stroke-width="11.36"/><path d="M157.12,172.38c6.6,27.25,23.4,46.17,40.13,67.78,5.12,6.63,26.38,32,22.29,41.25C222,275.85,248,261,249.84,268.28a181.08,181.08,0,0,1,4.22,66.15c41.19-8.78,72.52-50.76,69.2-92.74,13.72,8.64,24.44,16.37,35.42,27.86,8.37-14,10.35-20.23,11.47-31.68q2.69-27.45,4-55c.76-16.28,1.11-32.91-3.55-48.53-5-16.75-15.55-31.41-28-43.67C299.7,48.52,191.14,53.63,159.66,111,159.41,111.41,151.29,148.3,157.12,172.38Z" fill="#4f3218"/><path d="M81.91,434.62c2.56.09,4.9.25,7.17.43s4.47.36,6.6.55l12.1,1.07a193.88,193.88,0,0,0,21.15.94c3.28-.09,6.51-.22,9.77-.57s6.58-.87,10.12-1.55c.88-.17,1.76-.41,2.66-.6l1.39-.28,1.38-.36c.92-.26,1.88-.48,2.86-.71s1.92-.57,2.94-.84,2-.53,3.06-.88,2.08-.65,3.2-.94c2.19-.64,4.37-1.41,6.94-2a35.81,35.81,0,0,1-5,13.83c-.65,1.05-1.32,2.09-2,3.1s-1.55,1.94-2.37,2.88c-.42.47-.82,1-1.26,1.4l-1.36,1.31c-.94.83-1.86,1.73-2.87,2.5a47.47,47.47,0,0,1-13.59,7.39A50.1,50.1,0,0,1,129.38,464a53.13,53.13,0,0,1-28.58-7.83A51.49,51.49,0,0,1,89.68,447a47.1,47.1,0,0,1-4.43-5.74A29,29,0,0,1,81.91,434.62Z" fill="#4f3218"/><path d="M428.31,434.62a29,29,0,0,1-3.34,6.65,46.2,46.2,0,0,1-4.44,5.74,51,51,0,0,1-11.12,9.13A53.07,53.07,0,0,1,380.84,464a50.1,50.1,0,0,1-15.35-2.64,47.47,47.47,0,0,1-13.59-7.39c-1-.77-1.93-1.67-2.87-2.5l-1.36-1.31c-.45-.44-.84-.93-1.26-1.4-.82-.94-1.61-1.91-2.37-2.88s-1.39-2.05-2-3.1a35.65,35.65,0,0,1-5-13.83c2.57.55,4.75,1.32,6.94,2,1.12.29,2.15.64,3.2.94s2,.63,3.06.88,2,.57,2.93.84,1.95.45,2.87.71l1.38.36,1.38.28c.91.19,1.79.43,2.67.6,3.53.68,6.86,1.16,10.12,1.55s6.48.48,9.77.57a193.88,193.88,0,0,0,21.15-.94l12.1-1.07c2.13-.19,4.32-.38,6.6-.55S425.75,434.71,428.31,434.62Z" fill="#4f3218"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Koala.svg b/src/Dragimals/Svgs/Koala.svg
new file mode 100644
index 00000000..15c7f999
--- /dev/null
+++ b/src/Dragimals/Svgs/Koala.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 838.58 565.04"><circle cx="679.77" cy="158.81" r="158.81" transform="translate(86.81 527.18) rotate(-45)" fill="#afb8c1"/><circle cx="670.41" cy="165.91" r="110.32" transform="translate(79.04 522.65) rotate(-45)" fill="#edf7fc"/><circle cx="158.81" cy="158.81" r="158.81" transform="translate(-65.78 158.81) rotate(-45)" fill="#afb8c1"/><circle cx="168.17" cy="165.91" r="110.32" transform="translate(-68.06 167.51) rotate(-45)" fill="#edf7fc"/><path d="M704.49,326c0,157.51-127.69,239-285.2,239s-285.2-81.49-285.2-239S261.78,40.85,419.29,40.85,704.49,168.53,704.49,326Z" fill="#afb8c1"/><path d="M486.28,411.16c0,37-30,56.14-67,56.14s-67-19.14-67-56.14,30-84.55,67-84.55S486.28,374.17,486.28,411.16Z" fill="#505050"/><ellipse cx="276.41" cy="340.63" rx="33.76" ry="37.68" fill="#606060"/><ellipse cx="562.17" cy="340.63" rx="33.76" ry="37.68" fill="#606060"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Lion.svg b/src/Dragimals/Svgs/Lion.svg
new file mode 100644
index 00000000..314c0c2c
--- /dev/null
+++ b/src/Dragimals/Svgs/Lion.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 669.98 769.27"><path d="M326.76,0S227.87,18.89,195.11,92.81c0,0-81.25-10.7-165.57,69,0,0,58.34,31.49,67.5,36.07,0,0-104.27,51.53-96.64,124.78,0,0,20.84-1.83,56.25-5.37-23.27,27.08-68.91,71.45-39.73,215.65,0,0,13.93,2,51.78-22.61-1,10.88-17.42,155,136.62,221.2l55.45-40s21.69,39.63,62.89,77.78c0,0,34.35,0,70-71.68l56.56,35.06S610.52,658.28,576,507.57c0,0,44.92,22.1,81.43,33.39,0,0,28.31-139.47-50.28-231.79,0,0,11,22.27,61.81,16.85,0,0,17.67-104.6-93.87-124.07,0,0,50.24-15.2,68.55-15.2,0,0-16-99.15-162.54-74,0,0,10.53-53.24,26.73-70.61,0,0-70.05-42.42-162.18,29.68Z" fill="#9d7453"/><circle cx="174.5" cy="229.54" r="59.48" fill="#fdda90"/><circle cx="180.17" cy="235.21" r="40.36" fill="#f9f6ca"/><circle cx="486.76" cy="229.54" r="59.48" fill="#fdda90"/><circle cx="481.1" cy="235.21" r="40.36" fill="#f9f6ca"/><path d="M550.8,440.41c0,136.19-98.57,207-220.17,207s-220.16-70.81-220.16-207,98-255.55,219.56-255.55S550.8,304.22,550.8,440.41Z" fill="#fdda90"/><path d="M213.5,527.21c-5.11,14.63,3.93,27.94,15.83,35.85,13.91,9.24,32.12,12.32,48.45,9.56,25.75-4.36,55.72-26.65,51.77-55.89" fill="none" stroke="#825e42" stroke-linecap="round" stroke-linejoin="round" stroke-width="12.05"/><path d="M447.76,527.21c5.12,14.63-3.93,27.94-15.83,35.85-13.9,9.24-32.11,12.32-48.45,9.56-25.74-4.36-55.72-26.65-51.76-55.89" fill="none" stroke="#825e42" stroke-linecap="round" stroke-linejoin="round" stroke-width="12.05"/><path d="M360.86,468.45a161.45,161.45,0,0,0-30.23-2.39,161.28,161.28,0,0,0-30.22,2.39c-10.3,2.11-15.13,15.25-10.59,23.47a113,113,0,0,0,18.41,24.81c5.18,5.22,14,14.3,22.4,13.26,8.37,1,17.23-8,22.4-13.26a113.06,113.06,0,0,0,18.42-24.81C376,483.7,371.15,470.56,360.86,468.45Z" fill="#825e42"/><ellipse cx="440.31" cy="390.52" rx="26.94" ry="26.72" transform="translate(-108.04 604.29) rotate(-62.87)" fill="#825e42"/><ellipse cx="220.95" cy="390.52" rx="26.72" ry="26.94" transform="translate(-153.82 143.8) rotate(-27.14)" fill="#825e42"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Monkey.svg b/src/Dragimals/Svgs/Monkey.svg
new file mode 100644
index 00000000..98c1fd36
--- /dev/null
+++ b/src/Dragimals/Svgs/Monkey.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 847.22 567.13"><path d="M847.21,319.22a113.83,113.83,0,1,1-112.35-115.3A113.85,113.85,0,0,1,847.21,319.22Z" fill="#fde4c5"/><path d="M0,319.22a113.83,113.83,0,1,0,112.35-115.3A113.85,113.85,0,0,0,0,319.22Z" fill="#fde4c5"/><path d="M745,294.65c0,150.49-143.87,272.48-321.34,272.48s-321.34-122-321.34-272.48S246.14,0,423.61,0,745,144.16,745,294.65Z" fill="#b3861d"/><path d="M542.91,142.84c-46.53-.1-88.59,21.9-119.3,57.46-30.71-35.56-72.77-57.56-119.3-57.46C210.58,145.08,134.52,224,134.8,317.51c.14,56.93,27.75,112.62,68.84,154,56.43,56.8,138.39,80,220,78.42,81.58,1.63,163.54-21.62,220-78.42,41.09-41.36,68.7-97.05,68.84-154C712.7,224,636.64,145.08,542.91,142.84Z" fill="#fde4c5"/><path d="M440.88,400.72c-.07,5.85-7.87,10.5-17.41,10.37s-17.21-5-17.13-10.82,7.87-10.49,17.41-10.37S441,394.87,440.88,400.72Z" fill="#634900"/><path d="M423.8,424.28c-.05,19.88-22.18,32.06-40.13,29.62-12.73-1.73-20.12-11.25-24-23" fill="none" stroke="#634900" stroke-linecap="round" stroke-linejoin="round" stroke-width="13.02"/><path d="M423.42,424.28c.05,19.88,22.18,32.06,40.13,29.62,12.73-1.73,20.12-11.25,24-23" fill="none" stroke="#634900" stroke-linecap="round" stroke-linejoin="round" stroke-width="13.02"/><line x1="423.61" y1="407.22" x2="423.61" y2="431.65" fill="none" stroke="#634900" stroke-linecap="round" stroke-linejoin="round" stroke-width="13.02"/><circle cx="299.67" cy="346.66" r="34.27" fill="#634900"/><circle cx="547.55" cy="346.66" r="34.27" fill="#634900"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Mouse.svg b/src/Dragimals/Svgs/Mouse.svg
new file mode 100644
index 00000000..1622b714
--- /dev/null
+++ b/src/Dragimals/Svgs/Mouse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 847.26 613.48"><circle cx="166" cy="166" r="165.97" transform="translate(-68.76 166) rotate(-45)" fill="#bbbec9"/><path d="M268.13,104.77c45.19,44.83,15.94,83.57-28.88,128.76S151,313.25,105.82,268.42A115.25,115.25,0,0,1,268.13,104.77Z" fill="#fce4dd"/><circle cx="681.27" cy="166" r="165.97" transform="translate(82.16 530.35) rotate(-45)" fill="#bbbec9"/><path d="M579.13,104.77C533.94,149.6,563.19,188.34,608,233.53s88.24,79.72,133.43,34.89A115.25,115.25,0,1,0,579.13,104.77Z" fill="#fce4dd"/><path d="M706.49,359.81c0,126.36-128.6,242.05-287.23,242.05S132,486.17,132,359.81,260.63,131,419.26,131,706.49,233.45,706.49,359.81Z" fill="#bbbec9"/><ellipse cx="419.26" cy="584.43" rx="29.05" ry="31.26" transform="translate(-171.92 994.11) rotate(-89.07)" fill="#737475"/><path d="M721.32,486.19S611.5,462.08,549,495.11" fill="none" stroke="#737475" stroke-linecap="round" stroke-linejoin="round" stroke-width="8.04"/><path d="M721.2,546.9s-106.31-36.6-172.2-11" fill="none" stroke="#737475" stroke-linecap="round" stroke-linejoin="round" stroke-width="8.04"/><path d="M117.2,486.19S227,462.08,289.52,495.11" fill="none" stroke="#737475" stroke-linecap="round" stroke-linejoin="round" stroke-width="8.04"/><path d="M117.2,546.9s106.31-36.6,172.2-11" fill="none" stroke="#737475" stroke-linecap="round" stroke-linejoin="round" stroke-width="8.04"/><circle cx="533.68" cy="433.9" r="32.03" transform="translate(-104.01 176.14) rotate(-17.1)" fill="#737475"/><circle cx="309.74" cy="433.9" r="32.03" transform="translate(-64.9 54.62) rotate(-9.13)" fill="#737475"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Owl.svg b/src/Dragimals/Svgs/Owl.svg
new file mode 100644
index 00000000..fb88ea89
--- /dev/null
+++ b/src/Dragimals/Svgs/Owl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 686.1 515.76"><defs><clipPath id="a"><circle cx="448.85" cy="315.04" r="69.5" transform="translate(-54.41 97.21) rotate(-11.66)" fill="#fff"/></clipPath><clipPath id="b"><circle cx="237.25" cy="315.04" r="69.5" transform="translate(-153.28 260.03) rotate(-45)" fill="#fff"/></clipPath></defs><path d="M686.1,311c0,137.21-153.59,204.79-343,204.79S0,448.18,0,311,153.59,62.51,343.05,62.51,686.1,173.75,686.1,311Z" fill="#b79a7e"/><path d="M634.12,133.78a606,606,0,0,0-15-59c-4.29-14.23-8.9-28.37-13.58-42.47-3.2-9.64-2.81-24-12.76-29.74-10.7-6.23-24.2-.16-34.56,6.62a250.36,250.36,0,0,0-85.32,94.94c-1.61,3.16-3.19,6.59-2.68,10.09.8,5.43,6.16,8.8,11,11.4q53.26,28.64,108.7,52.94c10.08,4.42,35.67,21.85,44.33,11,6.21-7.8,5.23-19.5,4.12-28.75C637.31,151.74,635.86,142.73,634.12,133.78Z" fill="#b79a7e"/><path d="M52,133.78a603.17,603.17,0,0,1,15-59c4.28-14.23,8.9-28.37,13.58-42.47,3.19-9.64,2.8-24,12.75-29.74,10.7-6.23,24.2-.16,34.56,6.62a250.2,250.2,0,0,1,85.32,94.94c1.61,3.16,3.2,6.59,2.68,10.09-.8,5.43-6.16,8.8-11,11.4q-53.26,28.64-108.7,52.94c-10.07,4.42-35.67,21.85-44.33,11-6.21-7.8-5.23-19.5-4.12-28.75C48.8,151.74,50.25,142.73,52,133.78Z" fill="#b79a7e"/><path d="M83.58,301A128.88,128.88,0,0,0,212.46,429.91c71.17,0,146.94-57.7,146.94-128.88S283.63,172.15,212.46,172.15A128.88,128.88,0,0,0,83.58,301Z" fill="#dacdb7"/><path d="M602.52,301A128.88,128.88,0,0,1,473.65,429.91c-71.18,0-146.95-57.7-146.95-128.88s75.77-128.88,147-128.88A128.88,128.88,0,0,1,602.52,301Z" fill="#dacdb7"/><path d="M389.49,371.49a35.21,35.21,0,0,0-5.79-11.82c-8.84-11.21-25-13.2-39.23-12.67-.47,0-2.36,0-2.83,0-14.27-.53-30.39,1.46-39.23,12.67a35,35,0,0,0-5.79,11.82c-4.6,15.47-1.95,32.45,4.58,47.21s16.7,27.62,27.47,39.66c4.89,5.45,9.46,8.73,14.15,9.54V468c.08,0,.15-.06.23-.07s.16.06.24.07v-.13c4.69-.81,9.26-4.09,14.14-9.54,10.77-12,20.94-24.89,27.47-39.66S394.08,387,389.49,371.49Z" fill="#ffee7d"/><circle cx="448.85" cy="315.04" r="69.5" transform="translate(-54.41 97.21) rotate(-11.66)" fill="#fff"/><g clip-path="url(#a)"><circle cx="429.72" cy="315.04" r="53.46" transform="translate(-96.91 396.13) rotate(-45)" fill="#8e7862"/></g><circle cx="237.25" cy="315.04" r="69.5" transform="translate(-153.28 260.03) rotate(-45)" fill="#fff"/><g clip-path="url(#b)"><circle cx="256.38" cy="315.04" r="53.46" transform="translate(-110.74 488.84) rotate(-76.19)" fill="#8e7862"/></g></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Panda.svg b/src/Dragimals/Svgs/Panda.svg
new file mode 100644
index 00000000..8f6f74a6
--- /dev/null
+++ b/src/Dragimals/Svgs/Panda.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 784.14 606.58"><path d="M773.85,335.8c0,183.46-175.46,270.78-386.31,270.78S10.3,519.26,10.3,335.8,181.22,3.61,392.07,3.61,773.85,152.33,773.85,335.8Z" fill="#fff5e4"/><path d="M190.56,27.57c40.37,40.09-5,74.28-49.91,119.47S68.42,231.3,28.05,191.21-8.68,82,36.2,36.79,150.18-12.53,190.56,27.57Z" fill="#545251"/><path d="M593.59,27.57c-40.38,40.09,5,74.28,49.91,119.47s72.22,84.26,112.6,44.17S792.82,82,748,36.79,634-12.53,593.59,27.57Z" fill="#545251"/><path d="M429.43,482.83c0,13.86-17.06,34.88-38.1,34.88s-38.1-21-38.1-34.88,17.06-25.11,38.1-25.11S429.43,469,429.43,482.83Z" fill="#545251"/><path d="M326,524.14a32.1,32.1,0,0,0,20.87,27.6,31.36,31.36,0,0,0,33.33-8.9,47.63,47.63,0,0,0,7.65-13.7c2.13-5.44,3.85-11.31,2.84-17.06" fill="none" stroke="#545251" stroke-linecap="round" stroke-miterlimit="10" stroke-width="11.72"/><path d="M458.14,524.14a32.11,32.11,0,0,1-20.86,27.6,31.38,31.38,0,0,1-33.34-8.9,47.87,47.87,0,0,1-7.65-13.7c-2.13-5.44-3.85-11.31-2.84-17.06" fill="none" stroke="#545251" stroke-linecap="round" stroke-miterlimit="10" stroke-width="11.72"/><path d="M151.26,335C143.83,350.88,138,367.53,129.4,383c-10.61,19.07-38.69,38.7-32.63,63.11,5.87,23.69,44.51,29.71,64.27,33.91,33.84,7.2,72,6.43,104.36-6.68,35.65-14.44,59.53-41.53,68.91-78.86,8.45-33.62,5.25-72.73-15.1-101.67C298,262.64,261,255.1,226.89,265.2c-24.6,7.28-45.42,23.49-60.63,43.92A147.81,147.81,0,0,0,151.26,335Z" fill="#545251"/><circle cx="262.38" cy="399" r="47.12" transform="translate(-205.29 302.39) rotate(-45)" fill="#fff"/><circle cx="271.01" cy="399.75" r="40.23" transform="translate(-89.84 78.76) rotate(-14.21)" fill="#545251"/><path d="M632.88,335c7.44,15.89,13.23,32.54,21.86,48.05,10.62,19.07,38.69,38.7,32.64,63.11-5.88,23.69-44.51,29.71-64.27,33.91-33.85,7.2-72,6.43-104.36-6.68-35.66-14.44-59.54-41.53-68.92-78.86-8.44-33.62-5.24-72.73,15.11-101.67,21.23-30.21,58.19-37.75,92.31-27.65,24.6,7.28,45.42,23.49,60.63,43.92A146.56,146.56,0,0,1,632.88,335Z" fill="#545251"/><circle cx="521.77" cy="399" r="47.12" transform="translate(-127.85 301.86) rotate(-28.9)" fill="#fff"/><circle cx="513.14" cy="399.75" r="40.23" transform="translate(-33.75 751.92) rotate(-70.7)" fill="#545251"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Penguin.svg b/src/Dragimals/Svgs/Penguin.svg
new file mode 100644
index 00000000..3db84a65
--- /dev/null
+++ b/src/Dragimals/Svgs/Penguin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 671.33 554.78"><path d="M671.33,316.61c0,166.75-150.28,238.17-335.67,238.17S0,483.36,0,316.61,150.28,0,335.66,0,671.33,149.86,671.33,316.61Z" fill="#5b687d"/><path d="M309.07,309.71c0,84.58-34.18,153.14-106.38,153.14S72,394.29,72,309.71s89.16-175.57,161.37-175.57S309.07,225.12,309.07,309.71Z" fill="#fff"/><path d="M363,309.71c0,84.58,34.18,153.14,106.38,153.14s130.74-68.56,130.74-153.14S510.91,134.14,438.7,134.14,363,225.12,363,309.71Z" fill="#fff"/><path d="M335.66,499.46c-137.8,0-249.52-62.55-249.52-139.7s111.72-15.19,249.52-15.19,249.53-62,249.53,15.19S473.47,499.46,335.66,499.46Z" fill="#fff"/><path d="M253.37,387.86c0-29.86,37-54.07,82.64-54.07s82.64,24.21,82.64,54.07-37,40.56-82.64,40.56S253.37,417.73,253.37,387.86Z" fill="#fac469"/><circle cx="195.16" cy="317.11" r="39.73" fill="#5b687d"/><circle cx="476.17" cy="317.11" r="39.73" fill="#5b687d"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Pig.svg b/src/Dragimals/Svgs/Pig.svg
new file mode 100644
index 00000000..faaab3cb
--- /dev/null
+++ b/src/Dragimals/Svgs/Pig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 705.36 539.59"><path d="M22.77,296.51C22.89,126.4,171.38-.14,354.41,0s331.3,126.89,331.17,297S537,539.73,354,539.59,22.64,466.61,22.77,296.51Z" fill="#f8cbc3"/><ellipse cx="353.66" cy="397.6" rx="105.87" ry="136.23" transform="translate(-49.06 745.43) rotate(-89.16)" fill="#efa39a"/><ellipse cx="295.65" cy="406.09" rx="43.55" ry="20.87" transform="translate(-114.71 695.78) rotate(-89.16)" fill="#c0847d"/><ellipse cx="411.4" cy="407.78" rx="43.55" ry="20.87" transform="translate(-2.33 813.19) rotate(-89.16)" fill="#c0847d"/><circle cx="196.72" cy="292.57" r="35.97" transform="translate(-117.71 452.04) rotate(-82.98)" fill="#8e7470"/><circle cx="510.65" cy="297.15" r="35.97" transform="translate(-77.16 237.61) rotate(-24.41)" fill="#8e7470"/><path d="M158.68,39.1a135.74,135.74,0,0,0-24.32-7.74c-7.51-1.75-15.21-3.16-22.88-2.39-18.35,1.85-33.35,15.92-43,31.64S53.14,94.16,44.23,110.32C30.12,135.92,7.87,157.7,1.05,186.13c-1.94,8.09-1.73,18.27,5.31,22.72a23,23,0,0,0,7.31,2.57c16.92,3.85,35,7.26,51.24,1.06C76,208.22,85.05,199.81,93.07,191a231.45,231.45,0,0,0,27.32-36.85c2.88-4.82,5.68-9.86,10-13.45S141,135.26,146,137.8c2.51,1.27,4.57,3.54,7.34,4.06,4.37.81,8.12-3,10.81-6.55C176.63,118.93,191.4,96.52,195,75.85,197.88,59.52,171.63,44.84,158.68,39.1Z" fill="#f8cbc3"/><path d="M139.53,102.66a87.49,87.49,0,0,1-.24,20.45,110.05,110.05,0,0,1-4.79,20.12,116.8,116.8,0,0,1-8.7,18.93c-1.8,3-3.64,6-5.69,8.78-1,1.44-2,2.85-3.15,4.19s-2.17,2.74-3.3,4.08l-3.55,3.86c-.58.65-1.19,1.28-1.83,1.88l-1.88,1.84-1.9,1.8c-.64.6-1.32,1.15-2,1.72-1.35,1.12-2.64,2.3-4,3.36-2.83,2.07-5.56,4.23-8.57,6.06a77.62,77.62,0,0,1-9.33,5.08c-13,5.91-27.94,7.34-41,3.39,13.47-1.51,25.77-5.63,36.18-12.33,2.61-1.67,5.12-3.52,7.61-5.46s4.86-4.07,7.25-6.13l3.46-3.23c.57-.55,1.17-1.07,1.72-1.63l1.64-1.72c1.08-1.14,2.27-2.19,3.29-3.4l3.15-3.54c1-1.19,2-2.42,3-3.63.5-.62,1-1.21,1.5-1.84s.94-1.27,1.42-1.9c1-1.27,2-2.47,2.85-3.8s1.8-2.61,2.73-3.89q5.27-7.94,9.76-16.45c2.92-5.71,5.56-11.6,8-17.68S137.52,109.17,139.53,102.66Z" fill="#daa398"/><path d="M551.27,35.82a136.27,136.27,0,0,1,24.54-7c7.55-1.52,15.3-2.71,22.94-1.71C617,29.46,631.62,44,640.8,60s14.36,34,22.79,50.39c13.36,26,35,48.42,41,77,1.7,8.14,1.19,18.31-6,22.55a23.08,23.08,0,0,1-7.39,2.36c-17,3.35-35.23,6.24-51.24-.44-11-4.58-19.77-13.25-27.53-22.3a230.77,230.77,0,0,1-26.22-37.63c-2.74-4.9-5.39-10-9.61-13.74s-10.47-5.73-15.55-3.34c-2.55,1.19-4.67,3.4-7.45,3.84-4.4.69-8-3.24-10.62-6.86-12-16.74-26.08-39.56-29.1-60.34C511.49,55.09,538.16,41.18,551.27,35.82Z" fill="#f8cbc3"/><path d="M568.29,108.92c1.83,6.57,3.65,12.91,5.81,19.08s4.71,12.12,7.45,17.91a190.85,190.85,0,0,0,9.28,16.72c.9,1.32,1.75,2.65,2.61,4s1.83,2.58,2.74,3.88c.47.64.91,1.29,1.37,1.94s1,1.25,1.44,1.88c1,1.24,1.93,2.5,2.93,3.72l3.05,3.62c1,1.24,2.14,2.33,3.19,3.51l1.59,1.76c.54.58,1.12,1.11,1.67,1.67l3.37,3.34c2.33,2.13,4.64,4.32,7.07,6.34s4.89,3.93,7.45,5.68c10.2,7,22.38,11.48,35.8,13.37-13.17,3.58-28,1.71-40.87-4.58a76,76,0,0,1-9.19-5.35c-2.95-1.91-5.62-4.15-8.38-6.3-1.37-1.1-2.62-2.32-3.93-3.48-.64-.59-1.31-1.16-1.93-1.78L599,194l-1.83-1.88c-.61-.63-1.21-1.27-1.77-1.94l-3.43-4c-1.1-1.36-2.13-2.77-3.19-4.16s-2.07-2.82-3-4.28c-2-2.89-3.72-5.91-5.43-9a116.64,116.64,0,0,1-8.15-19.18,109.83,109.83,0,0,1-4.2-20.24A87.9,87.9,0,0,1,568.29,108.92Z" fill="#daa398"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Raccoon.svg b/src/Dragimals/Svgs/Raccoon.svg
new file mode 100644
index 00000000..cb56f119
--- /dev/null
+++ b/src/Dragimals/Svgs/Raccoon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 797.94 573.62"><path d="M233.49,45.64A99.31,99.31,0,1,1,77.57,168.69c-34-43-35.94-117.31,7.11-151.29S199.51,2.59,233.49,45.64Z" fill="#b38e54"/><circle cx="150.77" cy="104.23" r="52.04" transform="translate(-31.09 81.36) rotate(-27.49)" fill="#fcddb4"/><path d="M568,45.64A99.31,99.31,0,1,0,724,168.69c34-43,35.94-117.31-7.12-151.29S602,2.59,568,45.64Z" fill="#b38e54"/><circle cx="650.74" cy="104.23" r="52.04" transform="translate(257.91 633.39) rotate(-62.51)" fill="#fcddb4"/><path d="M678.26,407.33c4.57-25.67,5-130.47,1.76-156.85-1.43-11.57-2.83-23.19-5.49-34.62a104.22,104.22,0,0,0-7.81-22.69c.76.28,62.77,96.43,86.07,116.78,4.51,3.94,49.82,36.25,44.76,39.94A1065.3,1065.3,0,0,0,661.77,467.2,319.32,319.32,0,0,0,678.26,407.33Z" fill="#b38e54"/><path d="M632.58,488.1c8.23-6.11,17.36-10.87,26.44-15.61,38.47-20.09,124-50.35,123.8-51.26-2.43-12-12.17-21.65-23.41-26.59s-23.84-5.81-36.11-5.5c-29,.72-60,9-78,31.85-4,5.08-7.22,10.72-11.06,15.91-5.67,7.66-12.75,14.41-16.88,23-3.87,8-7,21.1-4.67,30C616.14,503.16,625.86,493.1,632.58,488.1Z" fill="#b38e54"/><path d="M119.68,407.33c-4.57-25.67-5-130.47-1.76-156.85,1.44-11.57,2.83-23.19,5.49-34.62a103.72,103.72,0,0,1,7.82-22.69c-.77.28-62.78,96.43-86.08,116.78C40.64,313.89-4.67,346.2.39,349.89A1065.3,1065.3,0,0,1,136.17,467.2,319.32,319.32,0,0,1,119.68,407.33Z" fill="#b38e54"/><path d="M165.36,488.1c-8.23-6.11-17.35-10.87-26.44-15.61-38.47-20.09-124-50.35-123.8-51.26,2.43-12,12.17-21.65,23.41-26.59s23.84-5.81,36.11-5.5c29,.72,60,9,78,31.85,4,5.08,7.21,10.72,11.05,15.91,5.68,7.66,12.75,14.41,16.88,23,3.87,8,7,21.1,4.67,30C181.8,503.16,172.08,493.1,165.36,488.1Z" fill="#b38e54"/><path d="M741.87,296.64c3.31,148.67-148.49,272.63-339,276.87S55.1,460.67,51.79,312s148.48-288.11,339-292.36S738.56,148,741.87,296.64Z" fill="#b38e54"/><path d="M349.76,412.92c-39.24,60.38-113.2,81.93-165.2,48.14S122.2,350.93,161.44,290.55s143.71-94.1,182.4-64.77C382.1,254.79,389,352.55,349.76,412.92Z" fill="#6a532d"/><path d="M446.81,412.92C486,473.3,560,494.85,612,461.06s62.35-110.13,23.12-170.51-143.72-94.1-182.41-64.77C414.46,254.79,407.57,352.55,446.81,412.92Z" fill="#6a532d"/><ellipse cx="398.28" cy="453.51" rx="107.87" ry="87.87" fill="#fcddb4"/><ellipse cx="398.28" cy="434.69" rx="27.96" ry="24.67" fill="#6a532d"/><circle cx="296.79" cy="352.06" r="44.53" transform="translate(-114.04 560.02) rotate(-76.72)" fill="#fff"/><circle cx="305.27" cy="350.87" r="35.91" fill="#6a532d"/><circle cx="497.81" cy="352.06" r="44.53" transform="translate(-103.14 455.12) rotate(-45)" fill="#fff"/><circle cx="489.33" cy="350.87" r="35.91" fill="#6a532d"/><path d="M335.11,465.22s53.74,76.6,126.34,0" fill="none" stroke="#6a532d" stroke-linecap="round" stroke-linejoin="round" stroke-width="10.29"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Sheep.svg b/src/Dragimals/Svgs/Sheep.svg
new file mode 100644
index 00000000..13e16b85
--- /dev/null
+++ b/src/Dragimals/Svgs/Sheep.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 824.88 687.55"><circle cx="412.44" cy="592.35" r="95.2" fill="#fee6b0"/><circle cx="275.5" cy="570.38" r="95.2" fill="#fee6b0"/><circle cx="549.38" cy="570.38" r="95.2" fill="#fee6b0"/><path d="M121.87,120c-38.2-6.25-77.56-2-115,7.73-1.82.47-3.76,1-4.95,2.5a8.55,8.55,0,0,0-1.46,4.52c-3.12,27.72,10.58,55.3,30.38,75S76,242.29,101.31,254c11.19,5.18,22.64,10.22,34.82,12.15,16.32,2.59,32.94-.54,49.17-3.67,14.22-2.73,29.2-5.83,40-15.45s15.84-25.06,14.18-39.5C233.51,155.65,166.14,127.21,121.87,120Z" fill="#feeed7"/><path d="M703,120c38.2-6.25,77.56-2,115,7.73,1.82.47,3.77,1,5,2.5a8.55,8.55,0,0,1,1.46,4.52c3.12,27.72-10.58,55.3-30.37,75S748.9,242.29,723.57,254c-11.2,5.18-22.64,10.22-34.82,12.15-16.32,2.59-33-.54-49.17-3.67-14.23-2.73-29.2-5.83-40-15.45s-15.84-25.06-14.17-39.5C591.36,155.65,658.74,127.21,703,120Z" fill="#feeed7"/><ellipse cx="168.23" cy="327.9" rx="95.04" ry="110.04" transform="matrix(1, -0.02, 0.02, 1, -8.11, 4.29)" fill="#fee6b0"/><ellipse cx="656.64" cy="327.9" rx="95.04" ry="110.04" transform="translate(-7.96 16.44) rotate(-1.43)" fill="#fee6b0"/><path d="M171.37,364c50.67-13.68,71,31.84,86.9,90.51s21.14,108.27-29.53,122S124.14,553.67,108.3,495,120.7,377.67,171.37,364Z" fill="#fee6b0"/><path d="M648.56,364.67c-51.29-11.15-69.39,35.34-82.29,94.72s-15.73,109.19,35.56,120.33,103.33-28,116.23-87.34S699.85,375.81,648.56,364.67Z" fill="#fee6b0"/><path d="M641.87,431.85c-3.62-37.74,2.3-73.81-.27-111.64-1.17-17.22-5.1-40-9-56.84a154.67,154.67,0,0,0-42.34-75.48c-24-23.87-57.92-37.64-90.06-41.6-24.93-3.07-50.27-6.58-75.5-7.52l-.76,0-4.41-.13-3.71-.07H409l-3.7.07-4.41.13-.77,0c-25.23.94-50.56,4.45-75.49,7.52-32.15,4-66,17.73-90.06,41.6a154.67,154.67,0,0,0-42.34,75.48c-3.88,16.84-7.82,39.62-9,56.84-2.56,37.83,3.35,73.9-.26,111.64-2,20.51-5.52,41.17-2.84,61.6,5.77,43.93,40.31,80,80.45,98.78,47.42,22.18,99.91,30.42,152,29.69,51.58-.73,104.54-7.65,151.67-29.69,40.13-18.76,74.67-54.85,80.44-98.78C647.39,473,643.83,452.36,641.87,431.85Z" fill="#feeed7"/><ellipse cx="352.24" cy="87.62" rx="109.52" ry="87.6" transform="translate(-2.07 8.79) rotate(-1.43)" fill="#fee6b0"/><ellipse cx="472.64" cy="87.62" rx="109.52" ry="87.6" transform="translate(-2.03 11.79) rotate(-1.43)" fill="#fee6b0"/><ellipse cx="274.97" cy="142.05" rx="128.57" ry="97.09" transform="translate(-3.45 6.89) rotate(-1.43)" fill="#fee6b0"/><ellipse cx="549.91" cy="142.05" rx="128.57" ry="97.09" transform="translate(-3.36 13.73) rotate(-1.43)" fill="#fee6b0"/><ellipse cx="414.68" cy="229.87" rx="128.81" ry="83.1" transform="translate(-5.59 10.39) rotate(-1.43)" fill="#fee6b0"/><ellipse cx="586.69" cy="223.7" rx="128.81" ry="83.1" transform="translate(-5.38 14.67) rotate(-1.43)" fill="#fee6b0"/><ellipse cx="238.18" cy="223.68" rx="128.81" ry="83.1" transform="translate(-5.49 6) rotate(-1.43)" fill="#fee6b0"/><ellipse cx="135.13" cy="199.19" rx="84.67" ry="68.75" transform="translate(-84.91 296.77) rotate(-79.76)" fill="#fee6b0"/><ellipse cx="689.74" cy="199.19" rx="68.75" ry="84.67" transform="translate(-24.42 125.78) rotate(-10.24)" fill="#fee6b0"/><path d="M416,533.72c7.22,6.73,13,10.17,19.53,12.64,14.9,5.62,29.08,4.31,37.82-3.49" fill="none" stroke="#b3a899" stroke-linecap="round" stroke-miterlimit="10" stroke-width="9.16"/><path d="M408.64,533.81c-7,6.92-12.71,10.5-19.19,13.14-14.76,6-29,5-37.9-2.53" fill="none" stroke="#b3a899" stroke-linecap="round" stroke-miterlimit="10" stroke-width="9.16"/><line x1="411.77" y1="504.06" x2="412.12" y2="531.29" fill="none" stroke="#b3a899" stroke-linecap="round" stroke-miterlimit="10" stroke-width="11.8"/><path d="M390.23,475.8l42.35-.54a5.64,5.64,0,0,1,4.16,9.52l-20.9,22a5.64,5.64,0,0,1-8.07.1l-21.45-21.41A5.63,5.63,0,0,1,390.23,475.8Z" fill="#92755d"/><ellipse cx="293.9" cy="418.2" rx="33.48" ry="32.11" fill="#92755d"/><ellipse cx="530.98" cy="418.2" rx="33.48" ry="32.11" fill="#92755d"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Tiger.svg b/src/Dragimals/Svgs/Tiger.svg
new file mode 100644
index 00000000..d4046f4d
--- /dev/null
+++ b/src/Dragimals/Svgs/Tiger.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 661.86 649.77"><circle cx="530.79" cy="93.91" r="93.9" transform="translate(89.06 402.83) rotate(-45)" fill="#fdd66e"/><path d="M568.66,33.55a93.86,93.86,0,0,1,35,119.46A93.87,93.87,0,1,0,451.25,44a94.75,94.75,0,0,0-5.39,10A93.86,93.86,0,0,1,568.66,33.55Z" fill="#7f6b34"/><circle cx="519.11" cy="112.53" r="71.92" transform="translate(246.75 568.55) rotate(-71.38)" fill="#f1bd8d"/><circle cx="130.89" cy="93.91" r="93.9" transform="translate(-28.07 120.06) rotate(-45)" fill="#fdd66e"/><path d="M93,33.55A93.86,93.86,0,0,0,58,153,93.87,93.87,0,1,1,210.43,44a94.75,94.75,0,0,1,5.39,10A93.87,93.87,0,0,0,93,33.55Z" fill="#7f6b34"/><circle cx="142.57" cy="112.53" r="71.92" transform="translate(-28.46 51.4) rotate(-18.62)" fill="#f1bd8d"/><path d="M661.68,331.63c0,151.05-148.12,318.14-330.84,318.14S0,482.68,0,331.63,148.12,35.82,330.84,35.82,661.68,180.59,661.68,331.63Z" fill="#fdd66e"/><path d="M330.84,412c-92.53,0-169.28,92-184,181.06,52.61,34.8,115.89,56.68,184,56.68s131.38-21.88,184-56.68C500.11,504,423.36,412,330.84,412Z" fill="#f6edc1"/><path d="M387,457.53c0,19-25.14,44.36-56.16,44.36s-56.17-25.32-56.17-44.36,25.15-34.46,56.17-34.46S387,438.5,387,457.53Z" fill="#7f6b34"/><path d="M219.93,116.81A74.54,74.54,0,0,1,229,103.49a112.36,112.36,0,0,1,11.21-11.68A130.15,130.15,0,0,1,267,73.06a134.27,134.27,0,0,1,64.47-15.83c2.82.06,5.64,0,8.45.3s5.62.48,8.41.81,5.55.9,8.31,1.4l2.08.38,2,.5c1.36.33,2.72.68,4.07,1l4.05,1.06a19.31,19.31,0,0,1,2,.62l2,.68c2.64.89,5.26,1.83,7.86,2.77s5.08,2.23,7.59,3.37L392,71.89c1.22.64,2.42,1.32,3.62,2,2.4,1.32,4.77,2.69,7.13,4.05s4.53,3,6.75,4.6A131.51,131.51,0,0,1,422.2,92.6a76.26,76.26,0,0,1,5.8,5.58c1.85,1.95,3.72,3.84,5.5,5.83a137,137,0,0,1,9.7,12.8c-5.22-1.59-10.07-3.51-14.88-5.36-2.47-.81-4.85-1.72-7.25-2.58s-4.69-1.84-7.11-2.56c-4.8-1.53-9.36-3.36-14.09-4.66-2.34-.7-4.64-1.47-6.94-2.18s-4.66-1.21-6.95-1.86c-1.15-.33-2.3-.63-3.44-1l-3.47-.77-6.86-1.61c-4.62-.75-9.13-1.86-13.71-2.37-1.14-.15-2.28-.31-3.42-.5l-1.7-.26L351.67,91c-2.28-.2-4.55-.45-6.82-.68L338,89.93c-2.27-.23-4.55-.12-6.82-.16a202.53,202.53,0,0,0-27.32,1.63,246.85,246.85,0,0,0-27.49,5.38c-2.31.59-4.6,1.26-6.92,1.87l-7,2c-4.62,1.48-9.31,3-14,4.69C239.14,108.71,229.77,112.54,219.93,116.81Z" fill="#7f6b34"/><path d="M238.53,168.88a62.12,62.12,0,0,1,7.6-11.1,93.27,93.27,0,0,1,9.34-9.73,108.07,108.07,0,0,1,22.27-15.63,111.65,111.65,0,0,1,53.72-13.19c2.35,0,4.7,0,7,.25s4.68.4,7,.67,4.63.75,6.93,1.17l1.72.31,1.71.42c1.13.27,2.26.57,3.39.86l3.38.89c1.13.27,2.21.72,3.31,1.07,2.2.75,4.38,1.54,6.55,2.32s4.23,1.86,6.33,2.8l3.12,1.45,3,1.66c2,1.1,4,2.25,5.94,3.38s3.77,2.53,5.63,3.83a108.57,108.57,0,0,1,10.56,8.39c1.7,1.44,3.27,3.06,4.84,4.65s3.1,3.2,4.58,4.86a113.19,113.19,0,0,1,8.08,10.67c-4.35-1.33-8.39-2.93-12.39-4.47-2.06-.67-4.05-1.43-6.05-2.15s-3.89-1.55-5.92-2.13c-4-1.27-7.8-2.8-11.74-3.89l-5.79-1.81c-1.94-.52-3.88-1-5.79-1.56l-2.86-.8-2.9-.64-5.71-1.35c-3.86-.62-7.61-1.54-11.43-2-.95-.13-1.9-.26-2.85-.41l-1.41-.22-1.43-.13c-1.9-.16-3.79-.37-5.68-.57l-5.69-.3c-1.89-.19-3.79-.1-5.68-.14a169.12,169.12,0,0,0-22.76,1.36,202.37,202.37,0,0,0-22.92,4.49c-1.92.49-3.83,1-5.77,1.55L274,155.45c-3.84,1.24-7.75,2.49-11.64,3.91C254.55,162.13,246.74,165.31,238.53,168.88Z" fill="#7f6b34"/><circle cx="183.32" cy="363.41" r="38.33" transform="translate(-203.27 236.06) rotate(-45)" fill="#7f6b34"/><circle cx="478.36" cy="363.41" r="38.33" transform="translate(14.77 745.48) rotate(-76.72)" fill="#7f6b34"/><path d="M137.76,209.38,270.1,289.65S243,176.83,137.76,209.38Z" fill="#7f6b34"/><path d="M522.83,209.38,390.5,289.65S417.62,176.83,522.83,209.38Z" fill="#7f6b34"/><path d="M53,328.74,3.85,289.23A238.39,238.39,0,0,0,0,331.63c0,6.25.35,12.54.85,18.83L49.54,342A7.52,7.52,0,0,0,53,328.74Z" fill="#7f6b34"/><path d="M59.89,408.05,11,404.89a312.25,312.25,0,0,0,19.67,49.95l34-34A7.52,7.52,0,0,0,59.89,408.05Z" fill="#7f6b34"/><path d="M104.81,495.48,68.6,515a369.69,369.69,0,0,0,35.45,39.27l11.66-50.48A7.53,7.53,0,0,0,104.81,495.48Z" fill="#7f6b34"/><path d="M608.9,328.74,658,289.23a238.39,238.39,0,0,1,3.85,42.4c0,6.25-.34,12.54-.84,18.83L612.32,342A7.52,7.52,0,0,1,608.9,328.74Z" fill="#7f6b34"/><path d="M602,408.05l48.86-3.16a313.19,313.19,0,0,1-19.67,49.95l-34-34A7.53,7.53,0,0,1,602,408.05Z" fill="#7f6b34"/><path d="M557.05,495.48,593.26,515a367.53,367.53,0,0,1-35.45,39.27L546.16,503.8A7.52,7.52,0,0,1,557.05,495.48Z" fill="#7f6b34"/><path d="M330.84,214.62c15.62,0,28.28-60.25,28.28-134.57a429.41,429.41,0,0,0-1.91-43.12c-8.71-.67-17.49-1.11-26.37-1.11s-17.66.44-26.37,1.11a429.41,429.41,0,0,0-1.91,43.12C302.56,154.37,315.22,214.62,330.84,214.62Z" fill="#7f6b34"/><line x1="331.38" y1="484.9" x2="331.38" y2="535.15" fill="none" stroke="#7f6b34" stroke-linecap="round" stroke-miterlimit="10" stroke-width="17.36"/><line x1="331.56" y1="534.43" x2="272.45" y2="568.96" fill="none" stroke="#7f6b34" stroke-linecap="round" stroke-miterlimit="10" stroke-width="17.36"/><line x1="332.1" y1="534.43" x2="391.22" y2="568.96" fill="none" stroke="#7f6b34" stroke-linecap="round" stroke-miterlimit="10" stroke-width="17.36"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Unknown.svg b/src/Dragimals/Svgs/Unknown.svg
new file mode 100644
index 00000000..3cbb43a6
--- /dev/null
+++ b/src/Dragimals/Svgs/Unknown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 631.07 660.69"><path d="M78,9.73C73.32,4.6,67.92.48,61,0S47.93,3.27,42.82,7.7C23.05,24.84,12.59,131.62,13.14,160.28c.74,39.3,7.36,79,24.51,114.41,1.91,3.93,4.08,8,7.66,10.45,4,2.8,9.19,3.23,14.09,3.56,22.06,1.49,45.12,2.67,65.36-6.23,25-11,41.17-35.22,55.76-58.33,6.67-10.58,13.37-21.3,17.55-33.09s5.7-24.93,1.85-36.84C195.35,140.06,93.93,27.36,78,9.73Z" fill="#f8c36a"/><path d="M81.4,47.24c-3.5-4.71-7.82-9.94-13.68-10-3.55,0-6.78,2-9.51,4.24C41,55.79,37.8,80.52,36,102.8c-4,48.75-6.67,100.59,16.54,143.65,1.4,2.6,3,5.25,5.44,6.9,2.87,1.92,6.5,2.18,9.95,2.39,16.66,1,34.07,1.87,49.29-5,18.19-8.17,30-25.82,40.68-42.64,6.36-10,12.8-20.24,15.43-31.78,6.35-27.89-14.55-41.56-31.6-58.82A662.83,662.83,0,0,1,81.4,47.24Z" fill="#fff5c6"/><path d="M553.11,9.73C557.75,4.6,563.16.48,570,0s13.12,3.23,18.23,7.66C608,24.84,618.48,131.62,617.94,160.28c-.74,39.3-7.37,79-24.52,114.41-1.91,3.93-4.07,8-7.66,10.45-4,2.8-9.19,3.23-14.08,3.56-22.07,1.49-45.13,2.67-65.37-6.23-25-11-41.17-35.22-55.75-58.33-6.68-10.58-13.38-21.3-17.56-33.09s-5.7-24.93-1.85-36.84C435.73,140.06,537.15,27.36,553.11,9.73Z" fill="#f8c36a"/><path d="M549.67,47.24c3.5-4.71,7.82-9.94,13.69-10,3.54,0,6.78,2,9.51,4.24,17.2,14.26,20.4,39,22.22,61.27,4,48.75,6.67,100.59-16.53,143.65-1.41,2.6-3,5.25-5.45,6.9-2.87,1.92-6.5,2.18-10,2.39-16.65,1-34.07,1.87-49.29-5-18.19-8.17-30-25.82-40.68-42.64-6.36-10-12.79-20.24-15.42-31.78-6.36-27.89,14.54-41.56,31.59-58.82A662.83,662.83,0,0,0,549.67,47.24Z" fill="#fff5c6"/><path d="M631.07,353c0-169.93-134.8-263.74-309.06-263.74S0,183.06,0,353s141.27,307.7,315.54,307.7S631.07,522.93,631.07,353Z" fill="#f8c36a"/><path d="M173.18,546.71c0,62.77,63.74,113.65,142.36,113.65s142.35-50.88,142.35-113.65S394.16,430.77,315.54,430.77,173.18,483.94,173.18,546.71Z" fill="#fff5c6"/><path d="M276.44,540.33c0,14.83,17.07,32.37,38.66,32.37s39.53-17.54,39.53-32.37-17.5-26.86-39.09-26.86S276.44,525.49,276.44,540.33Z" fill="#71572b"/><ellipse cx="455.59" cy="417.53" rx="38.29" ry="38.5" fill="#71572b"/><ellipse cx="175.48" cy="417.53" rx="38.29" ry="38.5" fill="#71572b"/><path d="M237.53,569.1l3.52,8.35a39.49,39.49,0,0,0,4.29,8.26c3.47,4.69,8.91,7.62,14.54,9.13s11.52,1.74,17.35,1.93c8.71.29,17.79.46,25.71-3.19s14.23-12.33,12.22-20.81" fill="none" stroke="#71572b" stroke-linecap="round" stroke-linejoin="round" stroke-width="13.49"/><path d="M393.54,569.1c-1.17,2.78-2.35,5.56-3.52,8.35a39.49,39.49,0,0,1-4.29,8.26c-3.47,4.69-8.9,7.62-14.54,9.13s-11.51,1.74-17.34,1.93c-8.72.29-17.8.46-25.71-3.19s-14.24-12.33-12.22-20.81" fill="none" stroke="#71572b" stroke-linecap="round" stroke-linejoin="round" stroke-width="13.49"/><circle cx="193.5" cy="289.73" r="30.37" fill="#fff5c6"/><circle cx="437.58" cy="289.73" r="30.37" fill="#fff5c6"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Svgs/Unsure.svg b/src/Dragimals/Svgs/Unsure.svg
new file mode 100644
index 00000000..d395ba29
--- /dev/null
+++ b/src/Dragimals/Svgs/Unsure.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 610.54 488.52"><path d="M170.62,30.08c23.95,32.46,11.47,82.32-27.89,111.37s-90.68,26.27-114.64-6.19S8.92,46.52,48.27,17.48,146.66-2.38,170.62,30.08Z" fill="#facd8f"/><ellipse cx="98.34" cy="80.58" rx="51.92" ry="42.83" transform="translate(-28.63 74.14) rotate(-36.43)" fill="#fff6ca"/><path d="M446.28,30.08c-24,32.46-11.47,82.32,27.89,111.37s90.68,26.27,114.64-6.19S608,46.52,568.62,17.48,470.24-2.38,446.28,30.08Z" fill="#facd8f"/><ellipse cx="518.56" cy="80.58" rx="42.83" ry="51.92" transform="translate(145.81 449.98) rotate(-53.57)" fill="#fff6ca"/><path d="M610.54,283.62c0,150.26-136.67,204.9-305.27,204.9S0,433.88,0,283.62,136.67,11.56,305.27,11.56,610.54,133.37,610.54,283.62Z" fill="#facd8f"/><path d="M306.19,124.34c17.64,0,31.94-32.93,31.94-73.56a151.49,151.49,0,0,0-4.61-38c-9.31-.76-18.72-1.17-28.25-1.17-8.88,0-17.67.36-26.37,1a151.55,151.55,0,0,0-4.65,38.2C274.25,91.41,288.55,124.34,306.19,124.34Z" fill="#d2a06e"/><path d="M397.37,124.34c17.64,0,31.94-32.93,31.94-73.56,0-5.55-.31-10.92-.82-16.12A329.89,329.89,0,0,0,369,17.51a155.19,155.19,0,0,0-3.53,33.27C365.42,91.41,379.73,124.34,397.37,124.34Z" fill="#d2a06e"/><path d="M213.18,124.34c17.64,0,31.94-32.93,31.94-73.56a154.55,154.55,0,0,0-3.53-33.27,330.12,330.12,0,0,0-59.54,17.15c-.51,5.2-.82,10.57-.82,16.12C181.23,91.41,195.53,124.34,213.18,124.34Z" fill="#d2a06e"/><circle cx="150.87" cy="280.95" r="38.61" transform="translate(-108.43 95.32) rotate(-26.17)" fill="#9a7154"/><circle cx="459.67" cy="280.95" r="38.61" transform="translate(5.1 570.09) rotate(-63.89)" fill="#9a7154"/><path d="M218.8,351.72c2,15.87,14.68,29.83,30.29,33.28a69.37,69.37,0,0,0,29.82-1.23c14.66-4.58,25.82-18.72,26.85-34" fill="none" stroke="#9a7154" stroke-linecap="round" stroke-miterlimit="10" stroke-width="13.47"/><path d="M306.32,350.3c2,15.86,14.68,29.83,30.3,33.27a58.24,58.24,0,0,0,14.92,1,57.51,57.51,0,0,0,14.89-2.24,39.33,39.33,0,0,0,26.85-34" fill="none" stroke="#9a7154" stroke-linecap="round" stroke-miterlimit="10" stroke-width="13.47"/><path d="M330.35,324.29a25.36,25.36,0,0,1-50.71.83c-.23-14,10.19-15.34,24.19-15.56S330.12,310.28,330.35,324.29Z" fill="#9a7154"/></svg>
\ No newline at end of file
diff --git a/src/Dragimals/Table/index.js b/src/Dragimals/Table/index.js
new file mode 100644
index 00000000..615fcba1
--- /dev/null
+++ b/src/Dragimals/Table/index.js
@@ -0,0 +1,14 @@
+import React from "react";
+import { ImageBackground } from "react-native";
+
+export function Table({ children, ...rest }) {
+  return (
+    <ImageBackground
+      resizeMode="repeat"
+      source={require("./wood-background.jpg")}
+      {...rest}
+    >
+      {children}
+    </ImageBackground>
+  );
+}
diff --git a/src/Dragimals/Table/wood-background.jpg b/src/Dragimals/Table/wood-background.jpg
new file mode 100644
index 00000000..1bae54ec
Binary files /dev/null and b/src/Dragimals/Table/wood-background.jpg differ
diff --git a/src/Dragimals/Toggle/Dada.js b/src/Dragimals/Toggle/Dada.js
new file mode 100644
index 00000000..4c0b824f
--- /dev/null
+++ b/src/Dragimals/Toggle/Dada.js
@@ -0,0 +1,149 @@
+import React from "react";
+import Svg, { Circle, Path } from "react-native-svg";
+
+export function Dada(props) {
+  return (
+    <Svg width="64" height="64" viewBox="0 0 64 64" {...props}>
+      <Path
+        fill="#CFD8DD"
+        d="M57.537 52.486l-1.092-.822c-.064-3.563-16.264-8.25-16.264-8.25H23.818s-16.197 4.688-16.262 8.25l-1.096.822C3.721 52.438 2 62 2 62h60s-1.721-9.562-4.463-9.514z"
+      />
+      <Path
+        fill="#99A8AE"
+        d="M11.797 62h-1.535c0-5.379-3.801-9.514-3.801-9.514l1.096-.822s4.24 4.24 4.24 10.336zm40.408 0h1.533c0-5.379 3.799-9.514 3.799-9.514l-1.092-.822s-4.24 4.24-4.24 10.336z"
+      />
+      <Path
+        fill="#FFF"
+        d="M19.1 56.418V62l1.322-4.428h10.359L32.104 62v-5.582zm19.822-2.209h6.924v6.637h-6.924z"
+      />
+      <Path fill="#99A8AE" d="M38.922 60.846h6.924V62h-6.924z" />
+      <Path fill="#FFE12C" d="M40.654 60.846h1.154V62h-1.154z" />
+      <Path fill="#A6E639" d="M42.961 60.846h1.154V62h-1.154z" />
+      <Path fill="#BEC3CF" d="M39.824 53.559h1.658v.65h-1.658z" />
+      <Path fill="#99A8AE" d="M40.773 53.559h.709v.65h-.709z" />
+      <Path fill="#BEC3CF" d="M42.229 53.559h.986v.65h-.986z" />
+      <Path fill="#99A8AE" d="M42.846 53.559h.369v.65h-.369z" />
+      <Path
+        fill="#BEC3CF"
+        d="M44.691 57.488c0 3.078-4.615 3.078-4.615 0 0-3.076 4.615-3.076 4.615 0z"
+      />
+      <Path
+        fill="#E6EBEF"
+        d="M44.602 57.746c0 2.836-4.434 2.836-4.434 0 0-2.84 4.434-2.84 4.434 0z"
+      />
+      <Path
+        fill="#018BC9"
+        d="M4.83 53.617s-1.793 1.834-1.873 4.402c0 .859 2.156 3.459 2.156 3.459s1.799-1.646 2.615-3.137c-2.355-2.862-2.898-4.724-2.898-4.724z"
+      />
+      <Path
+        fill="#99A8AE"
+        d="M47.67 42.609H16.326c-2.984 0-2.607 2.113-2.607 4.227 0 4.756 10.385 7.047 18.281 7.047s18.281-2.291 18.281-7.047c0-2.113.377-4.227-2.611-4.227"
+      />
+      <Path
+        fill="#6E8189"
+        d="M22.949 52.947c2.93.623 6.156.936 9.051.936 7.896 0 18.281-2.291 18.281-7.047 0-.934.072-1.867-.104-2.619-1.005 4.113-9.851 9.109-27.228 8.73z"
+      />
+      <Path
+        fill="#99A8AE"
+        d="M60 29.342a3.886 3.886 0 0 1-3.887 3.887H7.887A3.886 3.886 0 0 1 4 29.342v-6.684a3.887 3.887 0 0 1 3.887-3.887h48.227a3.887 3.887 0 0 1 3.887 3.887v6.684z"
+      />
+      <Circle fill="#302C3B" cx="32" cy="26" r="22" />
+      <Path
+        fill="#FFF"
+        d="M59.25 23.375c0 1.998-3 1.998-3 0 0-2 3-2 3 0zm0 5.25c0 2-3 2-3 0 0-1.998 3-1.998 3 0zm-51.5-5.25c0 1.998-3 1.998-3 0 0-2 3-2 3 0zm0 5.25c0 2-3 2-3 0 0-1.998 3-1.998 3 0z"
+      />
+      <Path
+        fill="#594640"
+        d="M32 8.84c-16.615 0-16.62 9.998-16.62 22.5h33.241c0-12.502-.004-22.5-16.621-22.5z"
+      />
+      <Path
+        fill="#F2C198"
+        d="M18.68 36.199c1.801-1.676.166-8.25-2.154-8.646-4.962-.846-1.729 12.263 2.154 8.646zm26.641 0c-1.8-1.676-.166-8.25 2.155-8.646 4.96-.846 1.73 12.261-2.155 8.646z"
+      />
+      <Path
+        fill="#FCD5B2"
+        d="M32.001 15.506c-17.36 0-10.366 2.011-15 12.209 0 0 .034 4.676 1.004 9.691 1.251 6.467 8.529 11.434 13.996 11.434 5.468 0 12.745-4.967 13.997-11.434.97-5.016 1.003-9.691 1.003-9.691-4.635-10.198 2.36-12.209-15-12.209z"
+      />
+      <Path
+        fill="#F5F5F5"
+        d="M44.334 29.187c-1.605 4.183-8.137 3.569-9.334.644.909-4.7 8.451-5.102 9.334-.644z"
+      />
+      <Path
+        fill="#45332C"
+        d="M36.667 28.742c0 3.688 5.333 3.688 5.333 0 0-3.425-5.333-3.425-5.333 0z"
+      />
+      <Path
+        fill="#45332C"
+        d="M44.334 29.157c0-4.491-9.334-4.491-9.334.709 1.334-4.265 8.001-4.265 9.334-.709z"
+      />
+      <Path
+        fill="#F5F5F5"
+        d="M19.667 29.187c1.606 4.183 8.138 3.569 9.333.644-.908-4.7-8.449-5.102-9.333-.644z"
+      />
+      <Path
+        fill="#45332C"
+        d="M27.334 28.742c0 3.688-5.334 3.688-5.334 0 0-3.425 5.334-3.425 5.334 0z"
+      />
+      <Path
+        fill="#45332C"
+        d="M19.667 29.157c0-4.489 9.333-4.489 9.333.708-1.332-4.264-8-4.264-9.333-.708z"
+      />
+      <Path
+        fill="#F5F5F5"
+        d="M36.995 27.845c0 .923 1.333.923 1.333 0 0-.856-1.333-.856-1.333 0zm-13.166-.187c0 .921-1.334.921-1.334 0 0-.856 1.334-.856 1.334 0z"
+      />
+      <Path
+        fill="#CC9D76"
+        d="M32 39.732c-2.686-.715-6.666.338-6.666.338 1.516 1.484 2.627 3.412 6.666 3.412 4.629 0 5.415-2.189 6.667-3.412 0 0-3.984-1.052-6.667-.338z"
+      />
+      <Path
+        fill="#FFF"
+        d="M26.272 40.121c2.853 2.654 8.622 2.67 11.493 0-3.044.145-8.429.147-11.493 0z"
+      />
+      <Path
+        fill="#DBA97F"
+        d="M43.979 25.059c-2.865-1.182-6.787-1.412-8.8-.625-.425.166-.411 1.184-.035 1.081 2.886-.786 6.208-.847 8.942.104.367.128.322-.385-.107-.56zm-23.956 0c2.863-1.182 6.784-1.412 8.799-.625.424.166.411 1.184.035 1.081-2.887-.786-6.209-.847-8.941.104-.367.128-.324-.385.107-.56z"
+      />
+      <Path
+        fill="#594640"
+        d="M45.273 13.975c6.191 8.491-22.547 6.276-28.524 5.037 0 0 8.779-11.974 28.524-5.037z"
+      />
+      <Path
+        fill="#422F2A"
+        d="M16.749 19.012c8.585 1.807 34.833 1.557 26.571-7.396 13.471 10.744-19.301 11.701-26.571 7.396z"
+      />
+      <Path
+        fill="#DBA97F"
+        d="M35.334 35.584c0 2.168-6.668 2.168-6.668 0 0-.498 6.668-.498 6.668 0z"
+      />
+      <Path
+        opacity=".3"
+        fill="#FFF"
+        d="M15.82 38.479c-.477 1.068-5.275-6.916-4.613-14.025.229-2.453 8.988-12.127 30.654-8.002 3.182.605-20.084 8.659-26.041 22.027z"
+      />
+      <Path
+        fill="#E6EBEF"
+        d="M53.73 25.09c.176-.949.27-1.92.27-2.91 0-10.273-9.85-18.602-22-18.602S10 11.906 10 22.18c0 .99.094 1.961.27 2.91 3.49-13.822 39.972-13.822 43.46 0z"
+      />
+      <Path
+        fill="#CFD8DD"
+        d="M49.756 18.615c-1.439-8.395-8.84-13.402-17.758-13.402-8.916 0-16.314 5.008-17.754 13.402 8.406-6.08 27.106-6.08 35.512 0z"
+      />
+      <Path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        fill="#E6EBEF"
+        d="M17.51 13.992c.43 2.621 6.078-2.506 11.801-6.914 3.693-2.834-13.092-.967-11.801 6.914z"
+      />
+      <Path
+        fill="#CFD8DD"
+        d="M32 2C18.746 2 8 12.746 8 26s10.746 24 24 24 24-10.746 24-24S45.254 2 32 2zm0 45.5c-11.873 0-21.5-9.627-21.5-21.5 0-11.875 9.627-21.5 21.5-21.5 11.875 0 21.5 9.625 21.5 21.5 0 11.873-9.625 21.5-21.5 21.5z"
+      />
+      <Path fill="#CFD8DD" d="M45.518 43.906l-.709-3.076 2.062-2.019h3.844z" />
+      <Path
+        fill="#302C3B"
+        d="M38.387 43.781c-.797 0-.797-.969 0-.969 5.953 0 7.391-2.5 9.953-3.313.666-.211 1.234 1.469.125 2.201-.375.247-4.203 2.081-10.078 2.081z"
+      />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Toggle/Mama.js b/src/Dragimals/Toggle/Mama.js
new file mode 100644
index 00000000..b522a3c9
--- /dev/null
+++ b/src/Dragimals/Toggle/Mama.js
@@ -0,0 +1,123 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+export function Mama(props) {
+  return (
+    <Svg width="64" height="64" viewBox="0 0 64 64" {...props}>
+      <Path
+        fill="#594640"
+        d="M39.616 5.497C33.907-1.609 5.597 1.239 5.597 22.19c.118 11.258 2.012 36.825 22.747 36.825 20.731 0 22.628-25.459 22.866-36.825 0-6.979-4.147-15.231-11.594-16.693z"
+      />
+      <Path
+        fill="#422F2A"
+        d="M5.926 29.067c1.021 12.42 5.269 29.948 22.438 29.948 17.226 0 21.444-17.566 22.518-30.03-.563-5.738-4.046-13.148-11.597-21.887-15.478 9.777-32.197 8.256-33.359 21.969z"
+      />
+      <Path
+        fill="#8E3ED6"
+        d="M10.304 52.528c2.201-1.396 11.334-5.086 11.334-5.086h13.604s9.123 3.682 11.311 5.084c3.182 2.031 3.852 9.475 3.852 9.475h-44c-.002 0 .707-7.449 3.899-9.473"
+      />
+      <Path fill="#DBA97F" d="M22.263 44.001h12.281v7.1H22.263z" />
+      <Path
+        fill="#5D1E96"
+        d="M12.036 62.001c.469-1.877-.082-4.729-.668-6.299-.543-1.463-.338 5.266.668 6.299m32.735 0c-.471-1.877.08-4.729.666-6.299.542-1.463.337 5.266-.666 6.299m-16.368-6.924h2.75v6.924h-2.75z"
+      />
+      <Path
+        fill="#8E3ED6"
+        d="M30.733 59.429c0 1.143-1.912 1.143-1.912 0s1.912-1.143 1.912 0z"
+      />
+      <Path
+        fill="#FFF"
+        d="M33.903 48.054a13.253 13.253 0 0 1-5.5 1.211 13.21 13.21 0 0 1-5.5-1.213l5.5 10.102 5.5-10.1z"
+      />
+      <Path
+        fill="#5D1E96"
+        d="M20.589 47.044c-1.666 4.111-.891 6.736-.891 6.736 1.402-1.031 4.16-2.17 4.16-2.172-.998 1.152-1.791 3.041-1.791 3.041 2.994.391 6.336 3.504 6.336 3.504s-4.65-10.943-7.814-11.109z"
+      />
+      <Path
+        fill="#8E3ED6"
+        d="M22.669 44.919s-.822-.277-1.174.242c-2.061 3.088-1.375 7.455-1.375 7.455 1.404-1.031 4.209-1.338 4.209-1.34-1 1.152-1.426 2.449-1.426 2.449 2.115.814 5.5 4.428 5.5 4.428s-2.826-6.681-5.734-13.234z"
+      />
+      <Path
+        fill="#5D1E96"
+        d="M36.218 47.044c1.664 4.111.889 6.736.889 6.736-1.402-1.031-4.16-2.17-4.16-2.172 1 1.152 1.791 3.041 1.791 3.041-2.994.391-6.334 3.504-6.334 3.504s4.65-10.943 7.814-11.109z"
+      />
+      <Path
+        fill="#8E3ED6"
+        d="M34.138 44.919s.82-.277 1.172.242c2.061 3.088 1.375 7.455 1.375 7.455-1.404-1.031-4.207-1.338-4.209-1.34a8.034 8.034 0 0 1 1.428 2.449c-2.115.814-5.5 4.428-5.5 4.428s2.824-6.681 5.734-13.234z"
+      />
+      <Path
+        fill="#FCD5B2"
+        d="M47.96 60.536c-2.365-1.521-2.367-7.074.002-8.594 10.48-6.72 10.478 15.317-.002 8.594z"
+      />
+      <Path fill="#99A8AE" d="M50.091 38.532h4.889v23.469h-4.889z" />
+      <Path
+        fill="#6E8189"
+        d="M50.091 41.626c.744.348 1.57.549 2.445.549s1.701-.201 2.443-.549v-2.471H50.09v2.471z"
+      />
+      <Path
+        fill="#99A8AE"
+        d="M54.979 30v5.819l-2.443 1.906-2.445-1.906V30a5.863 5.863 0 0 0-3.422 5.329 5.867 5.867 0 0 0 11.734 0A5.861 5.861 0 0 0 54.979 30z"
+      />
+      <Path
+        fill="#6E8189"
+        d="M57.913 35.101c0-.424-.045-.84-.131-1.238.211.563.326 1.17.326 1.805 0 2.666-2.039 4.871-4.691 5.234 2.596-.733 4.496-3.051 4.496-5.801z"
+      />
+      <Path
+        fill="#CFD8DD"
+        d="M50.091 30.206c-1.652.744-2.865 2.334-3.129 4.243.479-1.692 1.627-3.088 3.129-3.856v-.387z"
+      />
+      <Path
+        fill="#FCD5B2"
+        d="M55.188 52.212h-2.682c-1.705 0-1.705 2.271 0 2.271H51.37c-.682 0-1.137.57-1.137 1.139s.568 1.135 1.137 1.135c-1.592 0-1.592 2.275 0 2.275l1.137-.002c-1.592 0-1.477 2.275 0 2.275l2.805.002c.896.037 1.768-1.314 1.512-2.211-.105-.373.988-1.279.408-2.34-.16-.289.691-1.213-.195-2.57-.169-.251.155-1.974-1.849-1.974z"
+      />
+      <Path
+        fill="#FCD5B2"
+        d="M48.341 51.71c-1.09.709 1.15 2.752 1.627 2.453 0 0 2.086-1.727 2.498-2.422.973-1.646-.408-2.471-.748-2.146-.989.943-2.588 1.601-3.377 2.115zm-4.134-30.288c-2.363-5.572-6.696-11.619-6.696-11.619-15.858 9.529-29.263 4.748-25.54 22.807 1.767 8.569 12.366 15.206 16.544 15.206 4.172 0 15.039-6.586 16.537-15.206.867-4.994.257-8.592-.845-11.188z"
+      />
+      <Path
+        fill="#F5F5F5"
+        d="M43.01 25.149c-1.888 4.916-9.565 4.193-10.973.756 1.069-5.526 9.937-5.998 10.973-.756z"
+      />
+      <Path
+        fill="#45332C"
+        d="M33.997 24.625c0 4.336 6.27 4.336 6.27 0 0-4.025-6.27-4.025-6.27 0z"
+      />
+      <Path
+        fill="#45332C"
+        d="M43.01 25.114c0-5.279-10.973-5.279-10.973.834 1.569-5.016 9.405-5.016 10.973-.834z"
+      />
+      <Path
+        fill="#F5F5F5"
+        d="M14.013 25.149c1.888 4.916 9.566 4.193 10.972.756-1.068-5.526-9.934-5.998-10.972-.756z"
+      />
+      <Path
+        fill="#45332C"
+        d="M23.025 24.625c0 4.336-6.271 4.336-6.271 0 .001-4.025 6.271-4.025 6.271 0z"
+      />
+      <Path
+        fill="#45332C"
+        d="M14.013 25.114c0-5.277 10.972-5.277 10.972.832-1.567-5.014-9.405-5.014-10.972-.832z"
+      />
+      <Path
+        fill="#F5F5F5"
+        d="M34.384 23.571c0 1.084 1.567 1.084 1.567 0 0-1.006-1.567-1.006-1.567 0zm-15.48-.219c0 1.082-1.566 1.082-1.566 0 0-1.008 1.566-1.008 1.566 0z"
+      />
+      <Path
+        fill="#CC9D76"
+        d="M36.347 37.757c-1.473 1.668-2.395 4.619-7.836 4.619-4.747 0-6.055-2.6-7.837-4.619h15.673z"
+      />
+      <Path
+        fill="#FFF"
+        d="M35.368 37.808c-3.225 3.303-10.448 3.348-13.716 0h13.716z"
+      />
+      <Path
+        fill="#CC9D76"
+        d="M28.513 37.489c-3.072-1.346-3.096-.053-7.839.268 5.989.67 9.686.67 15.673 0-4.741-.32-4.766-1.613-7.834-.268z"
+      />
+      <Path
+        fill="#DBA97F"
+        d="M42.344 20.411c-3.323-1.369-7.87-1.637-10.206-.721-.492.191-.477 1.371-.043 1.252 3.349-.91 7.203-.982 10.375.121.425.15.373-.445-.126-.652zm-27.787.004c3.323-1.371 7.871-1.637 10.207-.725.493.191.478 1.373.042 1.252-3.349-.91-7.202-.982-10.372.123-.427.148-.375-.447.123-.65zm17.872 12.596c0 2.518-7.731 2.518-7.731 0-.001-.579 7.731-.579 7.731 0z"
+      />
+    </Svg>
+  );
+}
diff --git a/src/Dragimals/Toggle/index.js b/src/Dragimals/Toggle/index.js
new file mode 100644
index 00000000..f2a70541
--- /dev/null
+++ b/src/Dragimals/Toggle/index.js
@@ -0,0 +1,54 @@
+import React from "react";
+import { TouchableOpacity, View } from "react-native";
+
+import { Dada } from "./Dada";
+import { Mama } from "./Mama";
+
+export function Toggle({ active, setActive, style }) {
+  return (
+    <View
+      style={[
+        {
+          width: "100%",
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center",
+          // padding: 16,
+        },
+        style,
+      ]}
+    >
+      <TouchableOpacity activeOpacity={1} onPress={() => setActive("Hannah")}>
+        <View
+          style={{
+            width: 96,
+            height: 96,
+            borderRadius: 16,
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: "#eaeaea",
+            opacity: active === "Hannah" ? 1 : 0.5,
+          }}
+        >
+          <Mama width={80} height={80} />
+        </View>
+      </TouchableOpacity>
+      <View style={{ width: 12, height: 0 }}></View>
+      <TouchableOpacity activeOpacity={1} onPress={() => setActive("Chris")}>
+        <View
+          style={{
+            width: 96,
+            height: 96,
+            borderRadius: 16,
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: "#eaeaea",
+            opacity: active === "Chris" ? 1 : 0.5,
+          }}
+        >
+          <Dada width={80} height={80} />
+        </View>
+      </TouchableOpacity>
+    </View>
+  );
+}
diff --git a/src/Dragimals/index.js b/src/Dragimals/index.js
new file mode 100644
index 00000000..ceee5539
--- /dev/null
+++ b/src/Dragimals/index.js
@@ -0,0 +1,44 @@
+import React, { useState } from "react";
+import { SafeAreaView, StyleSheet, View } from "react-native";
+
+import * as Animals from "./Animals";
+import { Puck } from "./Puck";
+import { Table } from "./Table";
+import { Toggle } from "./Toggle";
+
+function Dragimals() {
+  const [active, setActive] = useState("Chris");
+
+  return (
+    <Table style={styles.root}>
+      <SafeAreaView style={styles.root}>
+        <View style={styles.container}>
+          {Object.keys(Animals).map((animal) => {
+            return <Puck animal={animal} active={active} key={animal} />;
+          })}
+        </View>
+        <Toggle active={active} setActive={setActive} />
+      </SafeAreaView>
+    </Table>
+  );
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    width: "100%",
+    height: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  container: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    flexWrap: "wrap",
+    maxWidth: 128 * 4,
+  },
+});
+
+export default Dragimals;
diff --git a/src/MainMenu/index.js b/src/MainMenu/index.js
index 512286a4..e2e7355b 100644
--- a/src/MainMenu/index.js
+++ b/src/MainMenu/index.js
@@ -14,7 +14,7 @@ import PlayerButton from "../PlayerButton";
 import { useMusic } from "../Music";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
-const Menu = ({ startGame }) => {
+const Menu = ({ startGame, playDragimals }) => {
   const music = useMusic();
   const insets = useSafeAreaInsets();
 
@@ -58,6 +58,9 @@ const Menu = ({ startGame }) => {
             style={{ margin: 6 }}
           />
         </View>
+        <View>
+          <Button onPress={playDragimals}>Dragimals</Button>
+        </View>
 
         {Platform.OS !== "web" && music && (
           <Button
diff --git a/src/index.js b/src/index.js
index 1fbce55c..3406b2cf 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,4 +1,5 @@
 import { AppRegistry, Platform } from "react-native";
+import "react-native-gesture-handler";
 
 import App from "./App";
 
diff --git a/yarn.lock b/yarn.lock
index a05483bc..3ab479cd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10976,6 +10976,11 @@ react-native-safe-area-context@3.3.2:
   resolved "https://registry.yarnpkg.com/react-native-safe-area-context/-/react-native-safe-area-context-3.3.2.tgz#9549a2ce580f2374edb05e49d661258d1b8bcaed"
   integrity sha512-yOwiiPJ1rk+/nfK13eafbpW6sKW0jOnsRem2C1LPJjM3tfTof6hlvV5eWHATye3XOpu2cJ7N+HdkUvUDGwFD2Q==
 
+react-native-sound@0.11.1:
+  version "0.11.1"
+  resolved "https://registry.yarnpkg.com/react-native-sound/-/react-native-sound-0.11.1.tgz#e28427b3543fbf9fc6d7c96b27e79b27cd134e95"
+  integrity sha512-6cVmCSOvSjCBmIoc+9FFINpT1nW53KlvF/hIyD1uj+HI4NUOma08zI+8pGIpY9cExPmsOh+OoFX3EOODpY78yw==
+
 react-native-svg@12.1.1:
   version "12.1.1"
   resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-12.1.1.tgz#5f292410b8bcc07bbc52b2da7ceb22caf5bcaaee"