feat(media): extend icon pack

packages/desktop/styleguide/examples/IconsExample.tsx

@@ -18,22 +18,56 @@ const PaysysIconWrapper = styled.span({
 })
 
 const iconNames: IconName[] = [
+ 'angle-right',
+ 'angle-left',
+ 'angle-up',
+ 'angle-down',
+ 'angle-small-right',
+ 'angle-small-left',
+ 'angle-small-up',
+ 'angle-small-down',
+ 'arrow-right',
+ 'arrow-left',
+ 'arrow-up',
+ 'arrow-down',
+ 'bank',
  'calendar',
+ 'card',
+ 'check',
  'clock',
  'cross',
+ 'dots-h',
+ 'dots-v',
  'download',
+ 'envelope',
  'eye-closed',
  'eye-opened',
+ 'file',
+ 'filter',
+ 'filter-active',
  'hamburger',
+ 'location',
  'login',
  'logout',
+ 'mobile',
+ 'passport',
+ 'phone',
  'percent',
+ 'play',
+ 'plus',
+ 'power',
+ 'print',
+ 'qiwi',
  'question',
  'repeat',
  'search',
  'settings',
  'share',
  'star',
+ 'terminal',
+ 'terminal-client',
+ 'receipt',
+ 'user',
 ]
 
 const paysysIcons: IconName[] = [

packages/desktop/styleguide/examples/WeakIconsExample.tsx

@@ -18,22 +18,56 @@ const PaysysIconWrapper = styled.span({
 })
 
 const iconNames: IconName[] = [
+ 'angle-right',
+ 'angle-left',
+ 'angle-up',
+ 'angle-down',
+ 'angle-small-right',
+ 'angle-small-left',
+ 'angle-small-up',
+ 'angle-small-down',
+ 'arrow-right',
+ 'arrow-left',
+ 'arrow-up',
+ 'arrow-down',
+ 'bank',
  'calendar',
+ 'card',
+ 'check',
  'clock',
  'cross',
+ 'dots-h',
+ 'dots-v',
  'download',
+ 'envelope',
  'eye-closed',
  'eye-opened',
+ 'file',
+ 'filter',
+ 'filter-active',
  'hamburger',
+ 'location',
  'login',
  'logout',
+ 'mobile',
+ 'passport',
+ 'phone',
  'percent',
+ 'play',
+ 'plus',
+ 'power',
+ 'print',
+ 'qiwi',
  'question',
  'repeat',
  'search',
  'settings',
  'share',
  'star',
+ 'terminal',
+ 'terminal-client',
+ 'receipt',
+ 'user',
 ]
 
 const paysysIcons: IconName[] = [

packages/media/src/icon/AngleDownIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const AngleDownIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M11.5442589,14.5850954 L19.3146353,7.27180001 C19.7168091,6.89328354 20.3496835,6.91246155 20.7282,7.3146353 C21.1067165,7.71680905 21.0875384,8.34968352 20.6853647,8.72819999 L12.1853647,16.7282 C11.7826354,17.1072393 11.1487148,17.08741 10.7704628,16.6839411 L3.2704628,8.68394113 C2.89273254,8.28102886 2.9131466,7.64819305 3.31605887,7.2704628 C3.71897114,6.89273254 4.35180695,6.9131466 4.7295372,7.31605887 L11.5442589,14.5850954 Z"
+ />
+ </svg>
+)
+
+export default AngleDownIcon

packages/media/src/icon/AngleLeftIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const AngleLeftIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M4.41421356,12 L11.7071068,4.70710678 C12.0976311,4.31658249 12.0976311,3.68341751 11.7071068,3.29289322 C11.3165825,2.90236893 10.6834175,2.90236893 10.2928932,3.29289322 L2.29289322,11.2928932 C1.90236893,11.6834175 1.90236893,12.3165825 2.29289322,12.7071068 L10.2928932,20.7071068 C10.6834175,21.0976311 11.3165825,21.0976311 11.7071068,20.7071068 C12.0976311,20.3165825 12.0976311,19.6834175 11.7071068,19.2928932 L4.41421356,12 Z"
+ />
+ </svg>
+)
+
+export default AngleLeftIcon

packages/media/src/icon/AngleRightIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const AngleRightIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M19.5857864,12 L12.2928932,19.2928932 C11.9023689,19.6834175 11.9023689,20.3165825 12.2928932,20.7071068 C12.6834175,21.0976311 13.3165825,21.0976311 13.7071068,20.7071068 L21.7071068,12.7071068 C22.0976311,12.3165825 22.0976311,11.6834175 21.7071068,11.2928932 L13.7071068,3.29289322 C13.3165825,2.90236893 12.6834175,2.90236893 12.2928932,3.29289322 C11.9023689,3.68341751 11.9023689,4.31658249 12.2928932,4.70710678 L19.5857864,12 Z"
+ />
+ </svg>
+)
+
+export default AngleRightIcon

packages/media/src/icon/AngleSmallDownIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const AngleSmallDownIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M16.2928932,9.29289322 C16.6834175,8.90236893 17.3165825,8.90236893 17.7071068,9.29289322 C18.0976311,9.68341751 18.0976311,10.3165825 17.7071068,10.7071068 L12.7071068,15.7071068 C12.3165825,16.0976311 11.6834175,16.0976311 11.2928932,15.7071068 L6.29289322,10.7071068 C5.90236893,10.3165825 5.90236893,9.68341751 6.29289322,9.29289322 C6.68341751,8.90236893 7.31658249,8.90236893 7.70710678,9.29289322 L12,13.5857864 L16.2928932,9.29289322 Z"
+ />
+ </svg>
+)
+
+export default AngleSmallDownIcon

packages/media/src/icon/AngleSmallLeftIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const AngleSmallLeftIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M14.7071068,7.70710678 C15.0976311,7.31658249 15.0976311,6.68341751 14.7071068,6.29289322 C14.3165825,5.90236893 13.6834175,5.90236893 13.2928932,6.29289322 L8.29289322,11.2928932 C7.90236893,11.6834175 7.90236893,12.3165825 8.29289322,12.7071068 L13.2928932,17.7071068 C13.6834175,18.0976311 14.3165825,18.0976311 14.7071068,17.7071068 C15.0976311,17.3165825 15.0976311,16.6834175 14.7071068,16.2928932 L10.4142136,12 L14.7071068,7.70710678 Z"
+ />
+ </svg>
+)
+
+export default AngleSmallLeftIcon

packages/media/src/icon/AngleSmallRightIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const AngleSmallRightIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M8.293 7.707a1 1 0 0 1 1.414-1.414l5 5a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414-1.414L12.586 12 8.293 7.707z"
+ />
+ </svg>
+)
+
+export default AngleSmallRightIcon

packages/media/src/icon/AngleSmallUpIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const AngleSmallUpIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M12,10.4142136 L7.70710678,14.7071068 C7.31658249,15.0976311 6.68341751,15.0976311 6.29289322,14.7071068 C5.90236893,14.3165825 5.90236893,13.6834175 6.29289322,13.2928932 L11.2928932,8.29289322 C11.6834175,7.90236893 12.3165825,7.90236893 12.7071068,8.29289322 L17.7071068,13.2928932 C18.0976311,13.6834175 18.0976311,14.3165825 17.7071068,14.7071068 C17.3165825,15.0976311 16.6834175,15.0976311 16.2928932,14.7071068 L12,10.4142136 Z"
+ />
+ </svg>
+)
+
+export default AngleSmallUpIcon

packages/media/src/icon/AngleUpIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const AngleUpIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M12.456 9.415l-7.77 7.313a1 1 0 1 1-1.371-1.456l8.5-8a1 1 0 0 1 1.415.044l7.5 8a1 1 0 1 1-1.46 1.368l-6.814-7.27z"
+ />
+ </svg>
+)
+
+export default AngleUpIcon

packages/media/src/icon/ArrowDownIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const ArrowDownIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M11 18.586V3.2c0-.663.448-1.2 1-1.2s1 .537 1 1.2v15.386l5.293-5.293a1 1 0 0 1 1.414 1.414l-7 7a.997.997 0 0 1-1.414 0l-7-7a1 1 0 0 1 1.414-1.414L11 18.586z"
+ />
+ </svg>
+)
+
+export default ArrowDownIcon

packages/media/src/icon/ArrowLeftIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const ArrowLeftIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M5.41421356,11 L20.8,11 C21.4627417,11 22,11.4477153 22,12 C22,12.5522847 21.4627417,13 20.8,13 L5.41421356,13 L10.7071068,18.2928932 C11.0976311,18.6834175 11.0976311,19.3165825 10.7071068,19.7071068 C10.3165825,20.0976311 9.68341751,20.0976311 9.29289322,19.7071068 L2.29289322,12.7071068 C2.09782091,12.5120345 2.00018993,12.2564199 2.00000028,12.0007465 C2.00018993,11.7435801 2.09782091,11.4879655 2.29289322,11.2928932 L9.29289322,4.29289322 C9.68341751,3.90236893 10.3165825,3.90236893 10.7071068,4.29289322 C11.0976311,4.68341751 11.0976311,5.31658249 10.7071068,5.70710678 L5.41421356,11 Z"
+ />
+ </svg>
+)
+
+export default ArrowLeftIcon

packages/media/src/icon/ArrowRightIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const ArrowRightIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M18.586 13H3.2c-.663 0-1.2-.448-1.2-1s.537-1 1.2-1h15.386l-5.293-5.293a1 1 0 0 1 1.414-1.414l7 7a.997.997 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L18.586 13z"
+ />
+ </svg>
+)
+
+export default ArrowRightIcon

packages/media/src/icon/ArrowUpIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const ArrowUpIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M13 5.414V20.8c0 .663-.448 1.2-1 1.2s-1-.537-1-1.2V5.414l-5.293 5.293a1 1 0 0 1-1.414-1.414l7-7a.997.997 0 0 1 1.414 0l7 7a1 1 0 0 1-1.414 1.414L13 5.414z"
+ />
+ </svg>
+)
+
+export default ArrowUpIcon

packages/media/src/icon/BankIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Bank: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M3,8.04387084 C2.98052263,7.6809243 3.15030341,7.30681431 3.5527864,7.10557281 L11.5527864,3.10557281 C11.8343139,2.96480906 12.1656861,2.96480906 12.4472136,3.10557281 L20.4472136,7.10557281 C20.8496966,7.30681431 21.0194774,7.6809243 21,8.04387084 L21,19 C21.5522847,19 22,19.4477153 22,20 C22,20.5522847 21.5522847,21 21,21 L3,21 C2.44771525,21 2,20.5522847 2,20 C2,19.4477153 2.44771525,19 3,19 L3,8.04387084 Z M5,9 L5,19 L8,19 L8,9 L5,9 Z M19,9 L16,9 L16,19 L19,19 L19,9 Z M10,9 L10,19 L14,19 L14,9 L10,9 Z M8.23606798,7 L15.763932,7 L12,5.11803399 L8.23606798,7 Z"
+ />
+ </svg>
+)
+
+export default Bank

packages/media/src/icon/CardIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const CardIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M20,8 L20,7.00947762 C20,6.44374631 19.5574132,6 19.0057979,6 L4.99420208,6 C4.44892555,6 4,6.45092851 4,7.00947762 L4,8 L20,8 Z M20,10 L4,10 L4,16.9905224 C4,17.5562537 4.44258678,18 4.99420208,18 L19.0057979,18 C19.5510745,18 20,17.5490715 20,16.9905224 L20,10 Z M2,7.00947762 C2,5.34738902 3.34331197,4 4.99420208,4 L19.0057979,4 C20.6594501,4 22,5.33663106 22,7.00947762 L22,16.9905224 C22,18.652611 20.656688,20 19.0057979,20 L4.99420208,20 C3.34054993,20 2,18.6633689 2,16.9905224 L2,7.00947762 Z"
+ />
+ </svg>
+)
+
+export default CardIcon

packages/media/src/icon/CheckIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const CheckIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M19.2928932,6.29289322 C19.6834175,5.90236893 20.3165825,5.90236893 20.7071068,6.29289322 C21.0976311,6.68341751 21.0976311,7.31658249 20.7071068,7.70710678 L9.70710678,18.7071068 C9.31658249,19.0976311 8.68341751,19.0976311 8.29289322,18.7071068 L3.29289322,13.7071068 C2.90236893,13.3165825 2.90236893,12.6834175 3.29289322,12.2928932 C3.68341751,11.9023689 4.31658249,11.9023689 4.70710678,12.2928932 L9,16.5857864 L19.2928932,6.29289322 Z"
+ />
+ </svg>
+)
+
+export default CheckIcon

packages/media/src/icon/DotsHIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const DotsHIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M5,13.5 C4.17157288,13.5 3.5,12.8284271 3.5,12 C3.5,11.1715729 4.17157288,10.5 5,10.5 C5.82842712,10.5 6.5,11.1715729 6.5,12 C6.5,12.8284271 5.82842712,13.5 5,13.5 Z M12,13.5 C11.1715729,13.5 10.5,12.8284271 10.5,12 C10.5,11.1715729 11.1715729,10.5 12,10.5 C12.8284271,10.5 13.5,11.1715729 13.5,12 C13.5,12.8284271 12.8284271,13.5 12,13.5 Z M19,13.5 C18.1715729,13.5 17.5,12.8284271 17.5,12 C17.5,11.1715729 18.1715729,10.5 19,10.5 C19.8284271,10.5 20.5,11.1715729 20.5,12 C20.5,12.8284271 19.8284271,13.5 19,13.5 Z"
+ />
+ </svg>
+)
+
+export default DotsHIcon

packages/media/src/icon/DotsVIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const DotsVIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M18.5,6.5 C17.6715729,6.5 17,5.82842712 17,5 C17,4.17157288 17.6715729,3.5 18.5,3.5 C19.3284271,3.5 20,4.17157288 20,5 C20,5.82842712 19.3284271,6.5 18.5,6.5 Z M18.5,13.5 C17.6715729,13.5 17,12.8284271 17,12 C17,11.1715729 17.6715729,10.5 18.5,10.5 C19.3284271,10.5 20,11.1715729 20,12 C20,12.8284271 19.3284271,13.5 18.5,13.5 Z M18.5,20.5 C17.6715729,20.5 17,19.8284271 17,19 C17,18.1715729 17.6715729,17.5 18.5,17.5 C19.3284271,17.5 20,18.1715729 20,19 C20,19.8284271 19.3284271,20.5 18.5,20.5 Z"
+ />
+ </svg>
+)
+
+export default DotsVIcon

packages/media/src/icon/EnvelopeIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const EnvelopeIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M5.66666667,6 L12,10.75 L18.3333333,6 L5.66666667,6 Z M20,7.25 L12,13.25 L4,7.25 L4,18 L20,18 L20,7.25 Z M4,4 L20,4 C21.1045695,4 22,4.8954305 22,6 L22,18 C22,19.1045695 21.1045695,20 20,20 L4,20 C2.8954305,20 2,19.1045695 2,18 L2,6 C2,4.8954305 2.8954305,4 4,4 Z"
+ />
+ </svg>
+)
+
+export default EnvelopeIcon

packages/media/src/icon/FileIcon.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const FileIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M13.1715729,4 L7,4 C6.44771525,4 6,4.44771525 6,5 L6,19 C6,19.5522847 6.44771525,20 7,20 L17,20 C17.5522847,20 18,19.5522847 18,19 L18,8.82842712 L18,10 L14,10 C12.8954305,10 12,9.1045695 12,8 L12,4 L13.1715729,4 Z M14,4.41421356 L14,8 L17.5857864,8 L14,4.41421356 Z M7,2 L13.1715729,2 C13.9672223,2 14.7302841,2.31607052 15.2928932,2.87867966 L19.1213203,6.70710678 C19.6839295,7.26971592 20,8.03277766 20,8.82842712 L20,19 C20,20.6568542 18.6568542,22 17,22 L7,22 C5.34314575,22 4,20.6568542 4,19 L4,5 C4,3.34314575 5.34314575,2 7,2 Z"
+ />
+ </svg>
+)
+
+export default FileIcon

packages/media/src/icon/FilterActiveIcon.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+
+const FilterIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M9,1 C9.55228475,1 10,0.55228475 10,0 C10,-0.55228475 9.55228475,-1 9,-1 C8.44771525,-1 8,-0.55228475 8,0 C8,0.55228475 8.44771525,1 9,1 Z M8,2.82929429 C6.83480763,2.41745788 6,1.30621883 6,0 C6,-1.30621883 6.83480763,-2.41745788 8,-2.82929429 L8,-5 C8,-5.55228475 8.44771525,-6 9,-6 C9.55228475,-6 10,-5.55228475 10,-5 L10,-2.82929429 C11.1651924,-2.41745788 12,-1.30621883 12,0 C12,1.30621883 11.1651924,2.41745788 10,2.82929429 L10,11 C10,11.5522847 9.55228475,12 9,12 C8.44771525,12 8,11.5522847 8,11 L8,2.82929429 Z"
+ transform="translate(9.000000, 9.000000) rotate(90.000000) translate(-12.000000, -6.000000)"
+ />
+ <path
+ d="M9,13 C9.55228475,13 10,12.5522847 10,12 C10,11.4477153 9.55228475,11 9,11 C8.44771525,11 8,11.4477153 8,12 C8,12.5522847 8.44771525,13 9,13 Z M8,14.8292943 C6.83480763,14.4174579 6,13.3062188 6,12 C6,10.6937812 6.83480763,9.58254212 8,9.17070571 L8,1 C8,0.44771525 8.44771525,0 9,0 C9.55228475,0 10,0.44771525 10,1 L10,9.17070571 C11.1651924,9.58254212 12,10.6937812 12,12 C12,13.3062188 11.1651924,14.4174579 10,14.8292943 L10,17 C10,17.5522847 9.55228475,18 9,18 C8.44771525,18 8,17.5522847 8,17 L8,14.8292943 Z"
+ transform="translate(9.000000, 15.000000) rotate(90.000000) translate(-12.000000, -12.000000)"
+ />
+ <path
+ d="M9,12 C9.55228475,12 10,11.5522847 10,11 C10,10.4477153 9.55228475,10 9,10 C8.44771525,10 8,10.4477153 8,11 C8,11.5522847 8.44771525,12 9,12 Z M8,13.8292943 C6.83480763,13.4174579 6,12.3062188 6,11 C6,9.69378117 6.83480763,8.58254212 8,8.17070571 L8,7 C8,6.44771525 8.44771525,6 9,6 C9.55228475,6 10,6.44771525 10,7 L10,8.17070571 C11.1651924,8.58254212 12,9.69378117 12,11 C12,12.3062188 11.1651924,13.4174579 10,13.8292943 L10,23 C10,23.5522847 9.55228475,24 9,24 C8.44771525,24 8,23.5522847 8,23 L8,13.8292943 Z"
+ transform="translate(9.000000, 21.000000) rotate(90.000000) translate(-12.000000, -18.000000)"
+ />
+ <circle fill="#D0021B" cx="21" cy="3" r="3"/>
+ </svg>
+)
+
+export default FilterIcon

packages/media/src/icon/FilterIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+
+const FilterIcon: React.SFC = () => (
+ <svg viewBox="0 0 24 24" focusable="false">
+ <path
+ d="M9,1 C9.55228475,1 10,0.55228475 10,0 C10,-0.55228475 9.55228475,-1 9,-1 C8.44771525,-1 8,-0.55228475 8,0 C8,0.55228475 8.44771525,1 9,1 Z M8,2.82929429 C6.83480763,2.41745788 6,1.30621883 6,0 C6,-1.30621883 6.83480763,-2.41745788 8,-2.82929429 L8,-5 C8,-5.55228475 8.44771525,-6 9,-6 C9.55228475,-6 10,-5.55228475 10,-5 L10,-2.82929429 C11.1651924,-2.41745788 12,-1.30621883 12,0 C12,1.30621883 11.1651924,2.41745788 10,2.82929429 L10,11 C10,11.5522847 9.55228475,12 9,12 C8.44771525,12 8,11.5522847 8,11 L8,2.82929429 Z"
+ transform="translate(9.000000, 9.000000) rotate(90.000000) translate(-12.000000, -6.000000)"
+ />
+ <path
+ d="M9,13 C9.55228475,13 10,12.5522847 10,12 C10,11.4477153 9.55228475,11 9,11 C8.44771525,11 8,11.4477153 8,12 C8,12.5522847 8.44771525,13 9,13 Z M8,14.8292943 C6.83480763,14.4174579 6,13.3062188 6,12 C6,10.6937812 6.83480763,9.58254212 8,9.17070571 L8,1 C8,0.44771525 8.44771525,0 9,0 C9.55228475,0 10,0.44771525 10,1 L10,9.17070571 C11.1651924,9.58254212 12,10.6937812 12,12 C12,13.3062188 11.1651924,14.4174579 10,14.8292943 L10,17 C10,17.5522847 9.55228475,18 9,18 C8.44771525,18 8,17.5522847 8,17 L8,14.8292943 Z"
+ transform="translate(9.000000, 15.000000) rotate(90.000000) translate(-12.000000, -12.000000)"
+ />
+ <path
+ d="M9,12 C9.55228475,12 10,11.5522847 10,11 C10,10.4477153 9.55228475,10 9,10 C8.44771525,10 8,10.4477153 8,11 C8,11.5522847 8.44771525,12 9,12 Z M8,13.8292943 C6.83480763,13.4174579 6,12.3062188 6,11 C6,9.69378117 6.83480763,8.58254212 8,8.17070571 L8,7 C8,6.44771525 8.44771525,6 9,6 C9.55228475,6 10,6.44771525 10,7 L10,8.17070571 C11.1651924,8.58254212 12,9.69378117 12,11 C12,12.3062188 11.1651924,13.4174579 10,13.8292943 L10,23 C10,23.5522847 9.55228475,24 9,24 C8.44771525,24 8,23.5522847 8,23 L8,13.8292943 Z"
+ transform="translate(9.000000, 21.000000) rotate(90.000000) translate(-12.000000, -18.000000)"
+ />
+ </svg>
+)
+
+export default FilterIcon