compress the svg

Author: WeiWang120

README.md

@@ -7,6 +7,12 @@ A react widget that can be resized and rotated via a handler.
 
 `npm install --save react-resizable-rotatable-draggable`
 
+
+Then you will need to install peer dependency
+
+
+`npm install --save styled-components`
+
 ### Usage
 
 ```javascript

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-resizable-rotatable-draggable",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A rectangle react component which can be resized and rotated",
   "author": "MockingBot",
   "license": "MIT",

package.json

@@ -71,7 +71,7 @@ export default styled.div`
       background-size: 1em 1em;
       background-repeat: no-repeat;
       background-position: center center;
-      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjguMzMzMzIyNDggNS40MjIyMjQ5MyA3Ljk5OTk4OTE1IDAuNDg4ODkxNjAyIDExLjIzOTc3NDIgMi41MDI4MTIwMiAxMi45MzMzMjI1IDMuNTU1NTU4MjciPjwvcG9seWdvbj4KICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBtYXNrQ29udGVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeD0iMCIgeT0iMCIgd2lkdGg9IjQuOTMzMzMzMzMiIGhlaWdodD0iNC45MzMzMzMzMyIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvbWFzaz4KICAgIDwvZGVmcz4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzIuMDAwMDAwLCAtMjk4LjAwMDAwMCkiIHN0cm9rZT0iI0Y1NUQ1NCI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1ODYuMDAwMDAwLCAyOTcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMy1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NS4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTEzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDkuMTkyNzg1NSBDMC4xMjYyMzk0MTgsOS4zOTMyNTY5OCAwLjI2NDAxNTE2Nyw5LjU4NTczMzA4IDAuNDEyMzk1NTYyLDkuNzY5MjgyMTMgQzEuNTEyMzI5ODUsMTEuMTI5OTE5MyAzLjE5NTAwNjU3LDEyIDUuMDgwOTAxNTIsMTIgQzguMzk0NjEwMDIsMTIgMTEuMDgwOTAxNSw5LjMxMzcwODUgMTEuMDgwOTAxNSw2IEMxMS4wODA5MDE1LDIuNjg2MjkxNSA4LjM5NDYxMDAyLDAgNS4wODA5MDE1MiwwIEMzLjE5MjA4MDY3LDAgMS41MDcxMDkxMSwwLjg3Mjc4MjU4NiAwLjQwNzI4MDIzNiwyLjIzNzA1NDM3IiBpZD0iT3ZhbC02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjU0MDQ1MSwgNi4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTUuNTQwNDUxLCAtNi4wMDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGlkPSJUcmlhbmdsZS05LXBhdGgiIG1hc2s9InVybCgjbWFzay0yKSIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC40NjY2NTYsIDIuOTU1NTU4KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMC40NjY2NTYsIC0yLjk1NTU1OCkgIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
+      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNOC4zIDUuNEw4IC40bDMuMiAyLjEgMS43IDF6Ii8+PG1hc2sgaWQ9ImIiIHg9IjAiIHk9IjAiIHdpZHRoPSI0LjkiIGhlaWdodD0iNC45IiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2U9IiNGNTVENTQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTExIDkuMkE2IDYgMCAwIDEgMCA2YTYgNiAwIDAgMSAxMC43LTMuOCIvPjx1c2UgbWFzaz0idXJsKCNiKSIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAyMSAwKSIgeGxpbms6aHJlZj0iI2EiLz48L2c+PC9zdmc+Cg==");
     }
   }