react-native-svg#Polyline JavaScript Examples

The following examples show how to use react-native-svg#Polyline. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: Privacy.js    From real-frontend with GNU General Public License v3.0 8 votes vote down vote up 
User = ({ fill = '#333', style = {} }) => (
  <Svg height={22} width={22} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Circle cx="17.5" cy="18.5" fill="none" r="3.5"/>
      <Circle cx="6.5" cy="18.5" fill="none" r="3.5"/>
      <Polygon fill="none" points="3 12 21 12 18 8 6 8 3 12" stroke={fill}/>
      <Polyline fill="none" points="6 8 7 2 17 2 18 8" stroke={fill}/>
      <Path d="M14.1,17.713a3.437,3.437,0,0,0-4.192,0" fill="none"/>
    </G>
  </Svg>
)
Example #2
Source File: Signout.js    From real-frontend with GNU General Public License v3.0 6 votes vote down vote up 
Signout = ({ fill = '#333', style = {} }) => (
  <Svg height={22} width={22} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Line fill="none" x1="11" x2="22" y1="10" y2="10"/>
      <Polyline fill="none" points="18 6 22 10 18 14"/>
      <Polyline fill="none" points="13 13 13 17 8 17" stroke={fill}/>
      <Polyline fill="none" points="1 2 8 7.016 8 22 1 17 1 2 13 2 13 7" stroke={fill}/>
    </G>
  </Svg>
)
Example #3
Source File: Photo.js    From real-frontend with GNU General Public License v3.0 6 votes vote down vote up 
Photo = ({ fill = '#333', style = {} }) => (
  <Svg height={22} width={22} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
    <Polyline fill="none" points=" 5,1 2,1 2,4 "/>
		<Polyline fill="none" points=" 2,11 2,14 5,14 "/>
		<Polyline fill="none" points=" 19,14 22,14 22,11 "/>
		<Polyline fill="none" points=" 22,4 22,1 19,1 "/>
		<Path d="M12,13L12,13 c-2.761,0-5-2.239-5-5V7c0-2.761,2.239-5,5-5h0c2.761,0,5,2.239,5,5v1C17,10.761,14.761,13,12,13z" fill="none" stroke={fill}/>
		<Path d="M22,21.805 c0-1.805-1.205-3.379-2.945-3.86C17.316,17.464,14.89,17,12,17s-5.316,0.464-7.055,0.945C3.205,18.427,2,20,2,21.805V23h20V21.805z" fill="none" stroke={fill}/>
    </G>
  </Svg>
)
Example #4
Source File: FlashOff.js    From real-frontend with GNU General Public License v3.0 6 votes vote down vote up 
FlashOff = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="2">
      <Line fill="none" x1="16.172" x2="21.828" y1="16.172" y2="21.828"/>
      <Circle cx="19" cy="19" fill="none" r="4"/>
      <Polyline fill="none" points="18 12.2 20 10 11 10 12 3 2 14 11 14 10 21 12 18.8" stroke={fill}/>
    </G>
  </Svg>
)
Example #5
Source File: Flip.js    From real-frontend with GNU General Public License v3.0 6 votes vote down vote up 
Flip = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="2">
      <Path d="M2,12C2,6.5,6.5,2,12,2 c3.9,0,7.3,2.2,8.9,5.5" fill="none" stroke={fill}/>
      <Path d="M22,12c0,5.5-4.5,10-10,10 c-3.9,0-7.3-2.2-8.9-5.5" fill="none"/>
      <Polyline fill="none" points="21.8,1.7 21,7.6 15,6.8 " stroke={fill}/>
      <Polyline fill="none" points=" 2.2,22.3 3,16.4 9,17.2 "/>
    </G>
  </Svg>
)
Example #6
Source File: Quality.js    From real-frontend with GNU General Public License v3.0 6 votes vote down vote up 
Quality = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="2">
      <Polyline fill="none" points=" 10,15 8,15 8,9 10,9 "/>
      <Polyline fill="none" points=" 14,15 16,15 16,9 14,9 "/>
      <Circle cx="12" cy="12" fill="none" r="11" stroke={fill}/>
    </G>
  </Svg>
)
Example #7
Source File: Swipe.js    From real-frontend with GNU General Public License v3.0 6 votes vote down vote up 
Swipe = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="2">
      <Path d="M6,22V7 c0-2.76142,2.23857-5,5-5h0" fill="none"/>
      <Polyline fill="none" points=" 2,18 6,22 10,18 "/>
      <Path d="M22.55594,0.99996L12.38564,8.71078 c-1.54033,1.16784-1.8423,3.36324-0.67447,4.90357l0,0.00001c1.16784,1.54033,3.36324,1.8423,4.90357,0.67447l6.38567-4.84142" fill="none" stroke={fill}/>
    </G>
  </Svg>
)
Example #8
Source File: Cash.js    From real-frontend with GNU General Public License v3.0 6 votes vote down vote up 
Cash = ({ fill = '#333', style = {} }) => (
  <Svg height={22} width={22} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Polyline fill="none" points="7,13 1,13 1,1 19,1 19,9.171 "/>
      <Path d="M11,12v4c0,1.657,2.686,3,6,3 s6-1.343,6-3v-4" fill="none" stroke={fill}/>
      <Path d="M11,16v4c0,1.657,2.686,3,6,3 s6-1.343,6-3v-4" fill="none" stroke={fill}/>
      <Ellipse cx="17" cy="12" fill="none" rx="6" ry="3" stroke={fill}/>
      <Circle cx="10" cy="7" fill="none" r="1"/>
      <Circle cx="10" cy="7" r="1" stroke="none" strokeLinecap="square"/>
    </G>
  </Svg>
)
Example #9
Source File: Direct.js    From real-frontend with GNU General Public License v3.0 6 votes vote down vote up 
Direct = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Line fill="none" x1="12" x2="12" y1="2" y2="16"/>
      <Polyline fill="none" points="8 6 12 2 16 6"/>
      <Polyline fill="none" points="17 10 21 10 21 23 3 23 3 10 7 10" stroke={fill}/>
    </G>
  </Svg>
)
Example #10
Source File: Archive.js    From real-frontend with GNU General Public License v3.0 6 votes vote down vote up 
User = ({ fill = '#333', style = {} }) => (
  <Svg height={22} width={22} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Rect height="14" width="20" fill="none" stroke={fill} x="2" y="9"/>
      <Line fill="none" x1="5" x2="19" y1="5" y2="5" stroke={fill}/>
      <Line fill="none" x1="8" x2="16" y1="1" y2="1" stroke={fill}/>
      <Polyline fill="none" points="16 14 16 16 8 16 8 14" stroke={fill}/>
    </G>
  </Svg>
)
Example #11
Source File: Refresh.js    From real-frontend with GNU General Public License v3.0 6 votes vote down vote up 
Refresh = ({ fill = '#333', style = {} }) => (
  <Svg height={18} width={18} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Path d="M2,12C2,6.5,6.5,2,12,2 c3.9,0,7.3,2.2,8.9,5.5" fill="none" stroke={fill}/>
      <Path d="M22,12c0,5.5-4.5,10-10,10 c-3.9,0-7.3-2.2-8.9-5.5" fill="none"/>
      <Polyline points="21.8,1.7 21,7.6 15,6.8 " fill="none" stroke={fill}/>
      <Polyline points=" 2.2,22.3 3,16.4 9,17.2 " fill="none"/>
    </G>
  </Svg>
)
Example #12
Source File: Checked.js    From real-frontend with GNU General Public License v3.0 5 votes vote down vote up 
Checked = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Polyline fill="none" points=" 6,12 10,16 18,8 "/>
      <Circle cx="12" cy="12" fill="none" r="11" stroke={fill}/>
    </G>
  </Svg>
)
Example #13
Source File: Next.js    From real-frontend with GNU General Public License v3.0 5 votes vote down vote up 
Next = ({ fill = '#333', style = {} }) => (
  <Svg height={18} width={18} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Polyline fill="none" points="7,2 17,12 7,22 " stroke={fill} transform="translate(0, 0)"/>
    </G>
  </Svg>
)
Example #14
Source File: Language.js    From real-frontend with GNU General Public License v3.0 5 votes vote down vote up 
Language = ({ fill = '#333', style = {} }) => (
  <Svg height={22} width={22} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Polyline fill="none" points="3,1 21,1 21,13 3,13 " stroke={fill} />
      <Line fill="none" x1="3" x2="3" y1="1" y2="23" />
    </G>
  </Svg>
)
Example #15
Source File: Tick.js    From real-frontend with GNU General Public License v3.0 5 votes vote down vote up 
Tick = ({ fill = '#333', style = {} }) => (
  <Svg height={18} width={18} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Polyline fill="none" points="2,12 9,19 22,6 " stroke={fill}/>
    </G>
  </Svg>
)
Example #16
Source File: Right.js    From real-frontend with GNU General Public License v3.0 5 votes vote down vote up 
Right = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Polyline fill="none" points="7,2 17,12 7,22 " stroke={fill} transform="translate(0, 0)"/>
    </G>
  </Svg>
)
Example #17
Source File: Left.js    From real-frontend with GNU General Public License v3.0 5 votes vote down vote up 
Left = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Polyline fill="none" points="17,2 7,12 17,22 " stroke={fill} transform="translate(0, 0)"/>
    </G>
  </Svg>
)
Example #18
Source File: Direct.js    From real-frontend with GNU General Public License v3.0 5 votes vote down vote up 
Direct = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Polyline fill="none" points="23 5 23 18 19 18 19 22 13 18 12 18"/>
      <Polygon fill="none" points="19 2 1 2 1 14 5 14 5 19 12 14 19 14 19 2" stroke={fill}/>
    </G>
  </Svg>
)
Example #19
Source File: Back.js    From real-frontend with GNU General Public License v3.0 5 votes vote down vote up 
Camera = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Polyline fill="none" points="17,2 7,12 17,22 " stroke={fill} transform="translate(0, 0)"/>
    </G>
  </Svg>
)
Example #20
Source File: Next.js    From real-frontend with GNU General Public License v3.0 5 votes vote down vote up 
Next = ({ fill = '#ffffff', style = {} }) => (
  <Svg height={14} width={14} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="3">
      <Line fill="none" x1="2" x2="22" y1="12" y2="12"/>
      <Polyline fill="none" points="15,5 22,12 15,19 " stroke={fill}/>
    </G>
  </Svg>
)
Example #21
Source File: Unlike.js    From real-frontend with GNU General Public License v3.0 5 votes vote down vote up 
Like = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Polyline fill="none" points="6 23 1 23 1 12 6 12" fill={fill} />
      <Path d="M6,12,9,1H9a3,3,0,0,1,3,3v6h7.5a3,3,0,0,1,2.965,3.456l-1.077,7A3,3,0,0,1,18.426,23H6Z" fill={fill} stroke={fill}/>
    </G>
  </Svg>
)
Example #22
Source File: Like.js    From real-frontend with GNU General Public License v3.0 5 votes vote down vote up 
Like = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Polyline fill="none" points="6 23 1 23 1 12 6 12"/>
      <Path d="M6,12,9,1H9a3,3,0,0,1,3,3v6h7.5a3,3,0,0,1,2.965,3.456l-1.077,7A3,3,0,0,1,18.426,23H6Z" fill="none" stroke={fill}/>
    </G>
  </Svg>
)
Example #23
Source File: Heart.js    From real-frontend with GNU General Public License v3.0 5 votes vote down vote up 
Heart = ({ fill = '#333', style = {} }) => (
  <Svg height={24} width={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <G fill={fill} stroke={fill} strokeLinecap="round" strokeWidth="1.5">
      <Polyline fill="none" points="6 23 1 23 1 12 6 12"/>
      <Path d="M6,12,9,1H9a3,3,0,0,1,3,3v6h7.5a3,3,0,0,1,2.965,3.456l-1.077,7A3,3,0,0,1,18.426,23H6Z" fill="none" stroke={fill}/>
    </G>
  </Svg>
)