16 lines
2.2 KiB
JavaScript
16 lines
2.2 KiB
JavaScript
import React from 'react';
|
|
|
|
const ArrowIcon = (props) => (
|
|
<svg className={props.className} width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
|
<path fillRule="evenodd" clipRule="evenodd" d="M3.33329 8.66668H11.2433L8.82129 11.5733C8.58529 11.856 8.62396 12.2767 8.90663 12.512C9.18996 12.748 9.60996 12.7093 9.84596 12.4267L13.1793 8.42668C13.2053 8.39534 13.218 8.35868 13.2373 8.32401C13.2533 8.29601 13.2726 8.27201 13.2846 8.24134C13.3146 8.16468 13.3326 8.08401 13.3326 8.00268C13.3326 8.00201 13.3333 8.00068 13.3333 8.00001C13.3333 7.99934 13.3326 7.99801 13.3326 7.99734C13.3326 7.91601 13.3146 7.83534 13.2846 7.75868C13.2726 7.72801 13.2533 7.70401 13.2373 7.67601C13.218 7.64134 13.2053 7.60468 13.1793 7.57334L9.84596 3.57334C9.71329 3.41534 9.52396 3.33334 9.33329 3.33334C9.18263 3.33334 9.03129 3.38401 8.90663 3.48801C8.62396 3.72334 8.58529 4.14401 8.82129 4.42668L11.2433 7.33334H3.33329C2.96529 7.33334 2.66663 7.63201 2.66663 8.00001C2.66663 8.36801 2.96529 8.66668 3.33329 8.66668Z" />
|
|
<mask id={props.maskName} mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="3" width="12" height="10">
|
|
<path fillRule="evenodd" clipRule="evenodd" d="M3.33329 8.66668H11.2433L8.82129 11.5733C8.58529 11.856 8.62396 12.2767 8.90663 12.512C9.18996 12.748 9.60996 12.7093 9.84596 12.4267L13.1793 8.42668C13.2053 8.39534 13.218 8.35868 13.2373 8.32401C13.2533 8.29601 13.2726 8.27201 13.2846 8.24134C13.3146 8.16468 13.3326 8.08401 13.3326 8.00268C13.3326 8.00201 13.3333 8.00068 13.3333 8.00001C13.3333 7.99934 13.3326 7.99801 13.3326 7.99734C13.3326 7.91601 13.3146 7.83534 13.2846 7.75868C13.2726 7.72801 13.2533 7.70401 13.2373 7.67601C13.218 7.64134 13.2053 7.60468 13.1793 7.57334L9.84596 3.57334C9.71329 3.41534 9.52396 3.33334 9.33329 3.33334C9.18263 3.33334 9.03129 3.38401 8.90663 3.48801C8.62396 3.72334 8.58529 4.14401 8.82129 4.42668L11.2433 7.33334H3.33329C2.96529 7.33334 2.66663 7.63201 2.66663 8.00001C2.66663 8.36801 2.96529 8.66668 3.33329 8.66668Z" />
|
|
</mask>
|
|
<g mask={`url(#${props.maskName})`}>
|
|
<rect width="16" height="16"/>
|
|
</g>
|
|
</svg>
|
|
);
|
|
|
|
export default ArrowIcon;
|