@rocketsofawesome/mirage
Version:
[Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/)
39 lines (34 loc) • 3.48 kB
JavaScript
import React from 'react'
import PropTypes from 'prop-types'
import BaseCardIcon from './CardIcon.base'
const JCB = ({ className }) => (
<BaseCardIcon className={className} box='0 0 750 471'>
<g fillRule='evenodd'>
<g>
<rect
x='0'
y='0'
width='750'
height='471'
rx='40' />
</g>
<g transform='translate(155.000000, 66.000000)'
fill='#FFFFFF'>
<path
d='m 24.180777,192.9493 c 0,0 -0.273259,-89.5021 0.03034,-130.713584 4.054224,-24.089001 28.713217,-42.119028 52.864848,-39.91895 l 67.310515,0 c -0.0789,81.941864 -0.0683,163.886424 -0.20314,245.826604 -0.74635,24.24305 -21.88376,45.46784 -46.179915,46.07374 -24.596815,0.0721 -49.196149,0.0105 -73.793937,0.031 l 0,-102.36183 c 18.264856,3.34751 36.626104,6.95237 55.313504,5.86236 17.923305,-0.93137 39.537528,-3.67524 49.801728,-20.44226 7.59693,-12.38525 4.19217,-27.16287 4.823,-40.8607 l -0.23281,-35.02929 c -13.85232,0.0774 -27.70464,0.15489 -41.556967,0.23234 -0.200364,20.3779 0.411493,40.80012 -0.325899,61.1488 -1.596968,13.5333 -16.078567,20.48386 -28.516122,19.23382 -14.38394,-0.13222 -27.187303,-5.50203 -39.335145,-9.08205 z' />
<path
d='m 159.85062,136.5565 c 0.15364,-23.04134 -0.31645,-46.105843 0.25211,-69.131787 1.6841,-21.943077 20.124,-40.412279 41.80275,-43.091567 21.80037,-0.717971 43.672,-0.113144 65.50027,-0.312841 4.23381,0 8.46763,0 12.70144,0 -0.0564,82.335025 0.11285,164.675695 -0.0847,247.007175 -1.5733,25.57784 -26.2495,47.05322 -51.82331,44.62372 -22.78284,0 -45.56567,0 -68.34851,0 0,-37.34731 0,-74.69462 0,-112.04193 17.82059,14.07505 41.89423,16.19033 63.85722,15.90731 14.42135,-0.37438 28.79787,-2.51748 42.70307,-6.35682 -0.10071,-6.76991 -0.20142,-13.53981 -0.30213,-20.30971 -19.63891,9.45349 -43.98235,16.1344 -64.47132,5.37602 -16.27614,-9.31594 -18.18786,-32.76987 -9.48731,-47.86263 10.74645,-15.65641 32.45408,-16.12208 49.35354,-12.81175 8.2927,0.73852 19.43169,8.15781 24.90722,7.99048 0,-6.19882 0,-12.39765 0,-18.59647 -28.34546,-7.16643 -58.71741,-9.48539 -87.11474,-1.37066 -7.06049,2.414 -13.97289,5.82928 -19.44555,10.98146 z'/>
<path
d='m 293.91013,215.1805 c 0,32.98487 0,65.96973 0,98.9546 25.40901,-0.0606 50.83235,0.12109 76.23243,-0.0907 24.15687,-2.16736 45.13425,-24.23224 43.88382,-48.83672 0,-80.96662 0,-161.93324 0,-242.899863 -25.06545,0.09218 -50.14129,-0.185316 -75.20017,0.140412 -25.20246,1.521518 -46.62552,25.056733 -44.91608,50.401254 0,16.256878 0,32.513757 0,48.770637 25.22736,0.11344 50.47179,-0.22865 75.68831,0.1742 13.25128,0.32531 27.38603,10.70453 24.98392,25.24757 -1.0073,11.1285 -11.59437,18.42894 -21.99714,19.64076 12.99985,1.03728 28.16749,9.42882 27.91114,24.14848 0.34108,15.87429 -16.81059,24.8889 -30.89727,24.34935 -25.22965,0 -50.45931,0 -75.68896,0 z' />
<path
d='M317.96875,137.258883 L317.96875,161.044279 L343.941512,161.044279 C343.941512,161.044279 356.111741,161.008725 356.111741,149.133804 C356.111741,137.258883 343.941512,137.258883 343.941512,137.258883 L317.96875,137.258883 Z' />
<path
d='M345.749893,175.01374 L317.96875,175.01374 L317.96875,200.568656 L345.749893,200.568656 C345.829565,200.568656 359.445848,201.361012 359.445848,187.791199 C359.445848,174.221386 345.749893,175.01374 345.749893,175.01374 Z' />
</g>
</g>
</BaseCardIcon>
)
JCB.propTypes = {
className: PropTypes.string
}
export default JCB