native_react_sdk/src/assets/image/SVG/PlayerCard/PlayerCardSvg.ts

Nativ npm for creating various components

const PlayrCardSvgIcons={
    streak:`
        <svg width="10" height="18" viewBox="0 0 11 18" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M10.5286 7.67595L10.3037 7.78508C10.3062 7.79032 10.3072 7.79617 10.3066 7.80197C10.306 7.80776 10.3038 7.81327 10.3002 7.81787L10.3001 7.81811L2.61268 17.7381C2.61256 17.7382 2.61244 17.7384 2.61232 17.7385C2.60943 17.742 2.60581 17.7449 2.6017 17.7468C2.59744 17.7489 2.59275 17.7499 2.588 17.7499L2.588 17.7498L2.58036 17.75C2.57883 17.75 2.57732 17.7497 2.57599 17.749L2.57601 17.7489L2.57151 17.7466C2.56501 17.7433 2.55988 17.7377 2.55703 17.731C2.55417 17.7243 2.55377 17.7167 2.5559 17.7097L2.55597 17.7095L4.62863 10.8588L4.72617 10.5364H4.38935L0.278516 10.5364C0.27846 10.5364 0.278404 10.5364 0.278348 10.5364C0.272638 10.5363 0.267051 10.5347 0.262193 10.5317C0.258039 10.5291 0.254557 10.5256 0.252012 10.5215C0.250389 10.5172 0.249731 10.5126 0.2501 10.508C0.250498 10.503 0.252082 10.4982 0.254709 10.494L7.71023 0.263726L7.7108 0.262936C7.7149 0.257272 7.72077 0.253145 7.72749 0.251215C7.7342 0.249285 7.74137 0.249663 7.74785 0.25229C7.75433 0.254916 7.75973 0.259639 7.76321 0.265702C7.76668 0.271765 7.76802 0.278819 7.76701 0.285732L7.76672 0.287809L6.7796 7.48449L6.74065 7.76847H7.02729L10.2755 7.76847L10.276 7.76846C10.2818 7.76845 10.2876 7.77009 10.2926 7.77318C10.2975 7.77627 10.3015 7.7807 10.3041 7.78595L10.5286 7.67595ZM10.5286 7.67595C10.5515 7.72316 10.5607 7.77583 10.5553 7.82802C10.5498 7.8802 10.5299 7.92981 10.4977 7.97125L10.2755 7.51847M10.5286 7.67595C10.5054 7.62862 10.4694 7.58876 10.4246 7.56091C10.3799 7.53307 10.3282 7.51836 10.2755 7.51847M10.2755 7.51847H7.27963L7.27497 7.55244L10.2755 7.51847Z" fill="#FFB600" stroke="#06182C" stroke-width="0.5"/>
        </svg>

         `,
         cross:`
         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="black" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M15 9L9 15" stroke="black" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M9 9L15 15" stroke="black" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        `,
        empty_streak:`
<svg width="11" height="18" viewBox="0 0 11 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.3318 7.81759L10.3316 7.81782L2.62129 17.7378C2.62117 17.7379 2.62104 17.7381 2.62092 17.7382C2.61801 17.7418 2.61432 17.7447 2.61006 17.7467C2.60562 17.7488 2.60071 17.75 2.59572 17.7499L2.59572 17.7498L2.5881 17.75C2.58629 17.75 2.58455 17.7496 2.58305 17.7488L2.58307 17.7488L2.57858 17.7465C2.57183 17.743 2.56669 17.7374 2.56387 17.7308C2.56105 17.7241 2.56067 17.7168 2.56275 17.7099L2.56282 17.7097L4.64168 10.859L4.73957 10.5364H4.40245L0.279343 10.5364C0.279286 10.5364 0.279229 10.5364 0.279172 10.5364C0.273157 10.5363 0.267319 10.5346 0.2623 10.5315C0.258022 10.5289 0.254507 10.5253 0.251966 10.5212C0.250373 10.517 0.249739 10.5125 0.250097 10.508C0.250486 10.5032 0.252034 10.4985 0.254653 10.4943L7.73243 0.264012L7.73301 0.263222C7.73712 0.257554 7.74312 0.253286 7.75016 0.251269C7.75721 0.24925 7.76474 0.249652 7.7715 0.252387C7.77825 0.255117 7.78373 0.259959 7.78719 0.26598L7.98894 0.150013L7.78719 0.265981C7.79064 0.27199 7.79194 0.278896 7.79095 0.285624L7.79066 0.28771L6.8006 7.48439L6.76151 7.76847H7.04826L10.3062 7.76847L10.3067 7.76846C10.3128 7.76845 10.3188 7.77017 10.324 7.77335L10.4558 7.56091L10.324 7.77336C10.3291 7.77653 10.3331 7.78102 10.3357 7.78622L10.56 7.67595L10.3352 7.78535C10.3378 7.79052 10.3387 7.79624 10.3382 7.80189L10.5868 7.82802L10.3382 7.80189C10.3376 7.80754 10.3354 7.81298 10.3318 7.81759Z" stroke="#06182C" stroke-width="0.5"/>
</svg>

`,
openIcon:`
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.75 2.63676C13.75 2.58151 13.7281 2.52852 13.689 2.48945C13.6077 2.40809 13.4758 2.40809 13.3944 2.48945L9.42577 6.45808C9.1817 6.70214 8.78599 6.70214 8.54192 6.45808C8.29786 6.21401 8.29786 5.8183 8.54192 5.57423L12.5106 1.6056C12.5496 1.56653 12.5716 1.51354 12.5716 1.45828C12.5716 1.34322 12.4783 1.24995 12.3632 1.24995L10.2085 1.24995C9.86336 1.24995 9.58355 0.970139 9.58355 0.624975C9.58355 0.27981 9.86336 0 10.2085 0L14.375 0C14.7202 0 15 0.279822 15 0.625V4.79148C15 5.13664 14.7202 5.41645 14.375 5.41645C14.0299 5.41645 13.75 5.13664 13.75 4.79148V2.63676ZM1.24995 12.3632C1.24995 12.4185 1.2719 12.4715 1.31097 12.5106C1.39233 12.5919 1.52424 12.5919 1.6056 12.5106L5.57423 8.54192C5.8183 8.29786 6.21401 8.29786 6.45808 8.54192C6.70214 8.78599 6.70214 9.1817 6.45808 9.42577L2.48945 13.3944C2.45038 13.4335 2.42843 13.4865 2.42843 13.5417C2.42843 13.6568 2.5217 13.75 2.63676 13.75H4.79148C5.13664 13.75 5.41645 14.0299 5.41645 14.375C5.41645 14.7202 5.13664 15 4.79148 15H0.625C0.279822 15 0 14.7202 0 14.375V10.2085C0 9.86336 0.279811 9.58355 0.624975 9.58355C0.97014 9.58355 1.24995 9.86336 1.24995 10.2085V12.3632Z" fill="#06182C" fill-opacity="0.5"/>
</svg>
`,
}

export default PlayrCardSvgIcons