All files / icons phone-menu.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react'
 
const PhoneMenu = (props) => (
  <svg width='30px' height='50px' viewBox='0 0 30 50' version='1.1' {...props}>
    <g id='Symbols' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
      <g id='icn-phone-menu' fillRule='nonzero' fill={(props.active?props.activeColor:props.color) || '#C5D0E1' }>
        <g id='icn-phone' transform='translate(9.000000, 15.000000)'>
          <path d='M10,0 L2,0 C0.8954468,0 0,0.8953857 0,2 L0,18 C0,19.1045532 0.8954468,20 2,20 L10,20 C11.1045532,20 12,19.1045532 12,18 L12,2 C12,0.8953857 11.1045532,0 10,0 Z M11,18 C11,18.5522461 10.5523071,19 10,19 L2,19 C1.4476929,19 1,18.5522461 1,18 L1,16 L11,16 L11,18 Z M11,15 L1,15 L1,2 C1,1.4476929 1.4476929,1 2,1 L10,1 C10.5523071,1 11,1.4476929 11,2 L11,15 Z' id='Shape' />
          <path d='M7.5,3 L6.5,3 C6.2236328,3 6,2.7763672 6,2.5 C6,2.2236328 6.2236328,2 6.5,2 L7.5,2 C7.7763672,2 8,2.2236328 8,2.5 C8,2.7763672 7.7763672,3 7.5,3 Z' id='Shape' />
          <path d='M4.5,3 L4.5,3 C4.2236328,3 4,2.7763672 4,2.5 C4,2.2236328 4.2236328,2 4.5,2 L4.5,2 C4.7763672,2 5,2.2236328 5,2.5 C5,2.7763672 4.7763672,3 4.5,3 Z' id='Shape' />
          <path d='M6.5,18 L5.5,18 C5.2236328,18 5,17.7763672 5,17.5 C5,17.2236328 5.2236328,17 5.5,17 L6.5,17 C6.7763672,17 7,17.2236328 7,17.5 C7,17.7763672 6.7763672,18 6.5,18 Z' id='Shape' />
        </g>
      </g>
    </g>
  </svg>
)
 
export default PhoneMenu