Commit 2c21a465 authored by esanroman's avatar esanroman
Browse files

fix svg cross

parent c558957b
......@@ -4,21 +4,25 @@ const Cross_L = (props) => (
<svg viewBox="0 0 40 40" className={props.className[0]}>
<path className={props.className[1]} d="M 10 0 L 10 40 L 15 40 L 15 0 z"/>
<path className={props.className[2]} d="M 14 0 L 14 40 L 19 40 L 19 0 z"/>
<path className={props.className[3]} d="M 18 0 L 18 40 L 23 40 L 23 0 z"/>
<path className={props.className[4]} d="M 22 0 L 22 40 L 27 40 L 27 0 z"/>
<path className={props.className[5]} d="M 26 0 L 26 40 L 30 40 L 30 0 z"/>
<path className={props.className[2]} d="M 22 0 L 22 30 L 27 30 L 27 0 z"/>
<path className={props.className[2]} d="M 26 0 L 26 30 L 30 30 L 30 0 z"/>
<path className={props.className[3]} d="M 18 0 L 18 40 L 22 40 L 22 0 z"/>
<path className={props.className[4]} d="M 10 0 L 10 10 L 15 10 L 15 0 z" transform="rotate(180,20,20)"/>
<path className={props.className[4]} d="M 14 0 L 14 10 L 18 10 L 18 0 z" transform="rotate(180,20,20)"/>
<path className={props.className[4]} d="M 14 0 L 14 17.5 L 18 17.5 L 18 0 z"/>
<path className={props.className[5]} d="M 10 0 L 10 17.5 L 15 17.5 L 15 0 z"/>
{/* RIGHT*/}
<path className={props.className[5]} d="M 30 10 L 40 10 L 40 15 L 30 15 z"/>
<path className={props.className[4]} d="M 30 14 L 40 14 L 40 19 L 30 19 z"/>
<path className={props.className[3]} d="M 30 18 L 40 18 L 40 23 L 30 23 z"/>
<path className={props.className[2]} d="M 30 22 L 40 22 L 40 27 L 30 27 z"/>
<path className={props.className[1]} d="M 30 26 L 40 26 L 40 30 L 30 30 z"/>
<path className={props.className[2]} d="M 0 22 L 40 22 L 40 27 L 0 27 z"/>
<path className={props.className[1]} d="M 0 26 L 40 26 L 40 30 L 0 30 z"/>
{/* LEFT*/}
<path className={props.className[5]} d="M 0 10 L 10 10 L 10 15 L 0 15 z"/>
<path className={props.className[4]} d="M 0 14 L 10 14 L 10 19 L 0 19 z"/>
<path className={props.className[3]} d="M 0 18 L 10 18 L 10 23 L 0 23 z"/>
<path className={props.className[5]} d="M 0 10 L 22 10 L 22 15 L 0 15 z"/>
<path className={props.className[4]} d="M 0 14 L 22 14 L 22 19 L 0 19 z"/>
<path className={props.className[3]} d="M 0 17 L 20 17 L 20 22 L 0 22 z"/>
<path className={props.className[2]} d="M 0 22 L 10 22 L 10 27 L 0 27 z"/>
<path className={props.className[1]} d="M 0 26 L 10 26 L 10 30 L 0 30 z"/>
......
......@@ -2,25 +2,25 @@ import React from 'react';
const Cross_R = (props) => (
<svg viewBox="0 0 40 40" className={props.className[0]}>
<path className={props.className[1]} d="M 10 0 L 10 40 L 15 40 L 15 0 z"/>
<path className={props.className[2]} d="M 14 0 L 14 40 L 19 40 L 19 0 z"/>
<path className={props.className[3]} d="M 18 0 L 18 40 L 23 40 L 23 0 z"/>
<path className={props.className[4]} d="M 22 0 L 22 40 L 27 40 L 27 0 z"/>
<path className={props.className[5]} d="M 26 0 L 26 40 L 30 40 L 30 0 z"/>
{/* RIGHT*/}
<path className={props.className[1]} d="M 30 10 L 40 10 L 40 15 L 30 15 z"/>
<path className={props.className[2]} d="M 30 14 L 40 14 L 40 19 L 30 19 z"/>
<path className={props.className[3]} d="M 30 18 L 40 18 L 40 23 L 30 23 z"/>
<path className={props.className[4]} d="M 30 22 L 40 22 L 40 27 L 30 27 z"/>
<path className={props.className[5]} d="M 30 26 L 40 26 L 40 30 L 30 30 z"/>
{/* LEFT*/}
<path className={props.className[1]} d="M 0 10 L 10 10 L 10 15 L 0 15 z"/>
<path className={props.className[2]} d="M 0 14 L 10 14 L 10 19 L 0 19 z"/>
<path className={props.className[3]} d="M 0 18 L 10 18 L 10 23 L 0 23 z"/>
<path className={props.className[4]} d="M 0 22 L 10 22 L 10 27 L 0 27 z"/>
<path className={props.className[5]} d="M 0 26 L 10 26 L 10 30 L 0 30 z"/>
<path className={props.className[1]} d="M 10 22 L 10 40 L 15 40 L 15 22 z" transform="rotate(180,20,20)"></path>
<path className={props.className[2]} d="M 14 22 L 14 40 L 19 40 L 19 22 z" transform="rotate(180,20,20)"></path>
<path className={props.className[4]} d="M 22 22 L 22 40 L 30 40 L 30 22 z"></path>
<path className={props.className[5]} d="M 26 22 L 26 40 L 30 40 L 30 22 z"></path>
<path className={props.className[3]} d="M 18 0 L 18 40 L 23 40 L 23 0 z"></path>
<path className={props.className[4]} d="M 22 0 L 22 40 L 27 40 L 27 0 z" transform="rotate(180,20,20)"></path>
<path className={props.className[5]} d="M 26 0 L 26 40 L 30 40 L 30 0 z" transform="rotate(180,20,20)"></path>
<path className={props.className[1]} d="M 26 0 L 26 30 L 30 30 L 30 0 z" transform="rotate(180,20,20)"></path>
<path className={props.className[1]} d="M 22 0 L 22 30 L 27 30 L 27 0 z" transform="rotate(180,20,20)"></path>
<path className={props.className[2]} d="M 18 10 L 40 10 L 40 15 L 18 15 z"></path>
<path className={props.className[2]} d="M 18 14 L 40 14 L 40 19 L 18 19 z"></path>
<path className={props.className[3]} d="M 18 18 L 40 18 L 40 23 L 18 23 z"></path>
<path className={props.className[4]} d="M 18 22 L 40 22 L 40 27 L 18 27 z"></path>
<path className={props.className[5]} d="M 18 26 L 40 26 L 40 30 L 18 30 z"></path>
<path className={props.className[1]} d="M 0 10 L 10 10 L 10 15 L 0 15 z"></path>
<path className={props.className[2]} d="M 0 14 L 10 14 L 10 19 L 0 19 z"></path>
<path className={props.className[3]} d="M 0 18 L 10 18 L 10 23 L 0 23 z"></path>
<path className={props.className[4]} d="M 0 22 L 10 22 L 10 27 L 0 27 z"></path>
<path className={props.className[5]} d="M 0 26 L 10 26 L 10 30 L 0 30 z"></path>
</svg>
);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment