Canvas SVG Download Free & Edit Vector by Andreas Mehlsen (Web Skills Flat Vectors)

Canvas

Web Skills Flat Vectors

15.71 KB5.2 KB-67%

<?xml version="1.0" encoding="UTF-8"?>

<svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    
    <title>fundamentals/javascript/canvas</title>
    <desc>Created with Sketch.</desc>
    <defs>
        <rect id="path-1" x="0" y="0" width="69" height="69" rx="14">

</rect>
    </defs>
    <g id="fundamentals/javascript/canvas" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="container" transform="translate(2.000000, 2.000000)">
            <rect id="mask" stroke="#FF481E" stroke-width="2" fill="#FFF5E0" fill-rule="nonzero" x="-1" y="-1" width="71" height="71" rx="14">

</rect>
            <g id="picasso-(1)">
                <mask id="mask-2" fill="white">
                    <use xlink:href="#path-1">

</use>
                </mask>
                <rect stroke="#FF481E" stroke-width="2" x="-1" y="-1" width="71" height="71" rx="14">

</rect>
                <g mask="url(#mask-2)">
                    <g transform="translate(11.000000, 3.000000)">
                        <path d="M38.6912842,15.2834397 C38.6534119,16.5995025 38.6149826,17.9127808 38.5782241,19.2288437 C38.5754395,19.3346634 38.5726548,19.4415969 38.569313,19.5474167 C38.5403518,19.5301514 38.5108337,19.514 38.4796448,19.4989624 C37.8514099,16.5733261 36.1549531,13.8882905 33.78125,12.0681915 C32.6016387,11.1637115 31.2605132,10.4764404 29.8430862,10.0325547 L24.4368134,10.0325547 C24.3616257,10.1088562 24.2869949,10.182373 24.2106934,10.2514343 C21.4521408,12.7571335 18.0341645,14.3889846 14.8567886,16.3366241 C13.8258819,16.9682007 12.8256074,17.6760788 11.8843689,18.4563599 L11.8988496,18.4736252 L16.3054047,34.1755981 C16.3054047,36.0558472 12.2864838,39.9862136 12.9854507,41.6091538 C13.2310639,42.182251 13.517334,42.7341843 13.8375779,43.2632827 C13.9768142,43.4921875 14.1238479,43.7171936 14.2764511,43.9371872 C15.3591538,45.4999771 16.7665557,46.8204956 18.3995209,47.8035049 C17.6342773,51.985054 13.7378845,55.1869355 9.51066596,55.8875732 C5.42713921,56.5648193 1.26619724,53.6286011 0.753250051,50.6322327 L0.753250051,50.3030777 C3.8231353,48.4629287 5.96459202,45.1975556 6.40123752,41.6459121 L6.40235134,41.6447983 C5.63599392,41.1101303 4.94259644,40.4902496 4.35334771,39.8024216 C2.30155952,37.402542 1.23222358,34.2329636 1.23222358,31.0734101 C1.23222358,30.6356506 1.25283054,30.1978912 1.29404446,29.7618027 C1.63489529,26.182312 3.32801052,22.7832718 5.82981106,20.201271 L6.01917263,20.1277542 C5.11580662,17.7702026 4.81171414,15.1792908 5.18319702,12.679718 C5.31686401,11.7791367 5.53908542,10.8919219 5.83983616,10.0325547 C6.72537991,7.50346382 8.3015366,5.21497341 10.3711472,3.50960544 L10.3711472,3 L31.2037048,3 L31.2037048,3.05012505 C33.7021636,3.21720893 36.0786514,4.68364719 37.347374,6.84125515 C37.9249268,7.81758111 38.2774734,8.91197971 38.4785308,10.0325547 C38.5342255,10.3383179 38.5782241,10.645195 38.6138687,10.9537429 C38.7737122,12.3884353 38.7324981,13.8398362 38.6912842,15.2834397 Z" id="Shape" fill="#A5CDFF" fill-rule="nonzero">

</path>
                        <path d="M45.2131196,52.0585708 C44.6355667,54.2501526 43.4637527,56.4356079 41.8068389,58.007309 C40.264656,59.4715195 38.2991943,60.4027329 36.000679,60.3119507 C30.5660019,60.0958557 27.760666,54.3615417 27.3346023,49.5896301 L27.3346023,49.5879593 C23.3496552,43.9611358 22.3120652,41.3674392 24.4362564,39.9015579 C28.6372986,37.0032119 33.3785782,43.2131577 33.3785782,42.3203735 L33.3785782,41.8163376 C35.2911301,40.8734283 37.1301651,44.000679 38.3459778,44.946373 C39.8190994,46.0920105 42.0986787,46.5108337 43.563446,45.1023178 C43.7199478,44.9513855 43.8597412,44.7843018 43.9844971,44.606636 C44.2663116,44.2073059 44.8772812,44.2969741 45.0449219,44.7564545 C45.8886948,47.0599824 45.8435821,49.6692734 45.2131196,52.0585708 Z" id="Shape" fill="#8CB4EB" fill-rule="nonzero">

</path>
                        <path d="M48.9803008,64.9061966 L48.9803008,68.9674453 L0.753250051,68.9674453 L0.753250051,65.651947 C0.753250051,65.651947 5.47559353,60.6271821 9.40596001,60.4790344 L18.6495896,52.0825195 L26.4267807,49.7845611 L25.9879074,49.7110444 C26.1332703,49.7110444 26.2786331,49.7065888 26.4212112,49.6976777 C26.7308731,49.6798554 27.0366363,49.6430969 27.3346023,49.5874023 L27.3346023,49.5890732 C27.760666,54.3609848 30.5660019,60.0952988 36.000679,60.3113938 C38.2991943,60.4021758 40.264656,59.4709625 41.8068389,58.006752 L41.8875962,58.0902939 L48.9803008,64.9061966 Z" id="Shape" fill="#736572" fill-rule="nonzero">

</path>
                        <path d="M24.4362564,10.0325547 C24.3616257,10.1088562 24.286438,10.182373 24.2101364,10.2514343 C21.4521408,12.7571335 24.646225,22.0018769 21.4694062,23.9495163 C20.4379424,24.5810928 12.8256074,17.6760788 11.883812,18.4563599 C10.281479,19.7824478 8.84790039,21.3129348 7.721199,23.0199737 L7.47725681,22.9626084 C6.88856499,22.0753936 6.39956665,21.1224594 6.01861572,20.1277542 C5.11524956,17.7702026 4.81171414,15.1792908 5.18319702,12.679718 C5.31686401,11.7791367 5.53852837,10.8919219 5.83983616,10.0325547 C6.72537991,7.50346382 7.76005092,4.70536797 9.82966151,3 C12.5240543,1.33380939 15.2177958,0.457063231 17.9108861,0.369761529 C20.6039765,0.282459827 23.3308475,1.15920598 26.0914993,3 L26.0914993,3.4154815 C27.0026626,5.53967285 25.9244156,8.50095364 24.4362564,10.0325547 Z" id="Shape" fill="#8CB4EB" fill-rule="nonzero">

</path>
                        <path d="M14.2764511,43.9371872 C11.5930862,44.1176377 8.67914578,43.2426758 6.40235134,41.6442413 C5.63599392,41.1095733 4.94259644,40.4902496 4.35334771,39.8024216 C2.30155952,37.402542 1.23222358,34.2329636 1.23222358,31.0734101 C1.23222358,30.6356506 1.25283054,30.1978912 1.29404446,29.7618027 C1.63489529,26.182312 3.32801052,22.7832718 5.82981106,20.201271 L6.01917263,20.1277542 C6.39956665,21.1219024 6.88856499,22.0753936 7.47781372,22.9626084 L7.72175591,23.0199737 C5.95902249,25.688858 4.947052,28.7877045 5.20547485,32.2056809 C5.52237698,36.3905716 8.92141724,40.5632095 12.9854507,41.6091538 C13.2310639,42.1816941 19.4710845,41.832489 16.7888335,43.0494156 C16.5448914,43.1608047 14.1238479,43.7171936 14.2764511,43.9371872 Z" id="Shape" fill="#8CB4EB" fill-rule="nonzero">

</path>
                        <path d="M18.3995209,47.802948 C17.6342773,51.985054 13.7378845,55.1869355 9.51066596,55.8875732 C5.42713921,56.5648193 1.26619724,53.6286011 0.753250051,50.6322327 L0.753250051,50.3030777 C3.8231353,48.4629287 5.96459202,45.1975556 6.40123752,41.6459121 L6.40235134,41.6442413 C8.67914578,43.2426758 11.5930862,44.1176377 14.2770081,43.9371872 C14.7565384,44.6300278 18.6384507,41.6280899 19.2371674,42.2173386 C19.9890442,42.9575195 17.4900283,47.2560273 18.3995209,47.802948 Z" id="Shape" fill="#A5CDFF" fill-rule="nonzero">

</path>
                        <path d="M24.4368134,10.0325547 C25.9244156,8.50095364 27.0026626,5.53967285 26.0920562,3.4154815 L26.0920562,3 C27.5523946,1.83558231 29.3409332,1.43387648 31.4576721,1.79488251 C34.6327804,2.33639156 36.0786514,4.68364719 37.347374,6.84125515 C37.9243698,7.81758111 38.2769165,8.91197971 38.4785308,10.0325547 L24.4368134,10.0325547 Z" id="Shape" fill="#8CB4EB" fill-rule="nonzero">

</path>
                        <path d="M37.9995576,36.7737503 L33.6325454,36.7308655 C33.493866,36.7291946 33.380249,36.8405838 33.3785782,36.9792632 L33.3785782,42.3198166 C33.3785782,43.2131577 33.2198486,44.0691833 32.9307937,44.8611602 C32.0435791,47.2849883 29.9255142,49.1117706 27.3346023,49.5879593 C27.0360794,49.6436538 26.7308731,49.6804123 26.4206543,49.6976777 L26.4267807,49.7845611 L26.7782134,58.7647553 C26.8272247,60.0123139 25.8057861,61.0393218 24.5582275,60.996437 L9.40596001,60.4790344 L20.2608337,48.7347183 L20.2619477,48.7313767 C19.6142197,48.471283 18.9915542,48.1588364 18.3995209,47.8035049 C16.7659988,46.8204956 15.3591538,45.4999771 14.2764511,43.9371872 C14.1238479,43.7171936 13.9768142,43.4921875 13.8375779,43.2632827 C13.517334,42.7341843 13.2310639,42.182251 12.9854507,41.6091538 C12.2864838,39.9862136 11.8988496,38.1973037 11.8988496,36.3170547 L11.8988496,18.4736252 L11.883812,18.4563599 C12.8256074,17.6760788 13.8258819,16.9682007 14.8567886,16.3366241 C18.0336074,14.3889846 21.4515839,12.7571335 24.2101364,10.2514343 C24.286438,10.182373 24.3616257,10.1088562 24.4362564,10.0325547 L29.8430862,10.0325547 C31.2605132,10.4764404 32.6016387,11.1637115 33.7806931,12.0681915 C36.154396,13.8882905 37.850853,16.5733261 38.4796448,19.4989624 C38.5102768,19.514 38.5397949,19.5301514 38.569313,19.5474167 C38.5720977,19.4415969 38.5748825,19.3346634 38.5782241,19.2288437 L38.6645508,23.6470947 L38.9006958,35.863144 C38.9107208,36.366623 38.5030366,36.7787627 37.9995576,36.7737503 Z" id="Shape" fill="#F2D1A5" fill-rule="nonzero">

</path>
                        <path d="M13.8130722,60.4790344 L24.6673889,48.7347183 L24.6690598,48.7313767 C24.0213318,48.471283 23.3981094,48.1588364 22.806633,47.8035049 C21.1731109,46.8204956 19.7662659,45.4999771 18.6835632,43.9371872 C18.53096,43.7171936 18.3839263,43.4921875 18.244133,43.2632827 C17.9238892,42.7341843 17.6376191,42.182251 17.3925629,41.6091538 C16.693039,39.9862136 16.3054047,38.1973037 16.3054047,36.3170547 L16.3054047,20.6351318 C16.3054047,19.2449951 16.9731826,17.9384003 18.1015549,17.1258164 C18.5187073,16.8256226 18.9364166,16.5371246 19.2639008,16.3366241 C22.4407197,14.3889846 25.858696,12.7571335 28.6172485,10.2514343 C28.6935501,10.182373 28.7681809,10.1088562 28.8433686,10.0325547 L24.4368134,10.0325547 C24.3616257,10.1088562 24.2869949,10.182373 24.2106934,10.2514343 C21.4521408,12.7571335 18.0341645,14.3889846 14.8567886,16.3366241 C13.8258819,16.9682007 12.8256074,17.6760788 11.8843689,18.4563599 L11.8988496,18.4736252 L11.8988496,36.3170547 C11.8988496,38.1973037 12.2864838,39.9862136 12.9860078,41.6091538 C13.2310639,42.182251 13.517334,42.7341843 13.8375779,43.2632827 C13.9773711,43.4921875 14.1244048,43.7171936 14.2770081,43.9371872 C15.3591538,45.4999771 16.7665557,46.8204956 18.4000779,47.8035049 C18.9915542,48.1588364 19.6147766,48.471283 20.2625046,48.7313767 L20.2608337,48.7347183 L9.40651706,60.4790344 L13.8130722,60.4790344 Z" id="Shape" fill="#F2BB88" fill-rule="nonzero">

</path>
                        <path d="M14.3249053,24.8384018 L20.1054458,23.6626892 C20.1416474,23.654892 20.1795196,23.6554489 20.2151641,23.6638032 L25.7601166,24.9280701 C25.9945908,24.9820938 26.0369187,25.2978821 25.8247222,25.411499 L19.9589692,28.5398636 C19.878769,28.5821914 19.7824173,28.5805206 19.7044448,28.5342942 L14.2447051,25.3168183 C14.0397491,25.195961 14.0915451,24.8857422 14.3249053,24.8384018 Z" id="Shape" fill="#E6E6F0" fill-rule="nonzero">

</path>
                        <path d="M33.6247483,22.4797363 C33.6798858,22.4541167 33.7422637,22.4479905 33.8007431,22.4630279 L37.9728242,23.5301362 C38.1744385,23.5819321 38.2368164,23.8381272 38.0808716,23.9762497 L34.6133271,27.0583877 C34.5336838,27.1296768 34.4178391,27.1441574 34.3226013,27.0957031 L29.773468,24.7726822 C29.5813218,24.6746597 29.5852203,24.3984146 29.7801514,24.3059616 L33.6247483,22.4797363 Z" id="Shape" fill="#E6E6F0" fill-rule="nonzero">

</path>
                        <path d="M18.6841201,43.2176133 L27.9901275,43.5211487 C28.3638382,43.5328445 28.5175552,43.0471878 28.2056656,42.8422317 L23.8252869,39.9622651 C23.7127837,39.8887481 23.5696487,39.8815078 23.4504624,39.9438858 L18.5248337,42.5203171 C18.1878814,42.696312 18.3042832,43.2053604 18.6841201,43.2176133 Z" id="Shape" fill="#FF485A" fill-rule="nonzero">

</path>
                        <g id="Group" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(13.820312, 17.542969)">
                            <path d="M1.53884128,4.12752537 C4.58533474,2.93900296 7.88301079,2.53967285 11.1155244,3.08882134 C12.5023193,3.32440945 13.0982514,1.20188911 11.7014312,0.964630127 C8.08128364,0.349761963 4.38204956,0.665550268 0.952934301,2.0027771 C0.401000977,2.21831516 0.011138916,2.74295803 0.183792043,3.35838325 C0.331382787,3.88581082 0.979110789,4.34584812 1.53884128,4.12752537 Z" id="Shape" fill="#152C37" fill-rule="nonzero">

</path>
                            <path d="M17.848999,2.94680027 C19.9002304,2.05457302 22.1870498,1.84738919 24.1926118,2.95515435 C25.4346008,3.64131157 26.5473785,1.73934177 25.3048325,1.05262749 C22.5524063,-0.467834473 19.5387725,-0.17488091 16.7373352,1.04483032 C16.1876297,1.28376004 16.0728989,2.07907864 16.3419038,2.55192573 C16.6643753,3.11833957 17.3070908,3.18294529 17.848999,2.94680027 Z" id="Shape" fill="#152C37" fill-rule="nonzero">

</path>
                            <path d="M6.24948879,9.34555054 C5.95876316,9.34555054 5.67527778,9.22692112 5.46920776,9.02252197 C5.26536567,8.81700901 5.14785007,8.53352349 5.14785007,8.24279785 C5.14785007,8.1720657 5.15509033,8.09910591 5.16845703,8.02837375 C5.18293755,7.9576416 5.20354465,7.88913723 5.23139187,7.82286079 C5.25923923,7.75491333 5.29321289,7.69197849 5.33275608,7.63182834 C5.37229927,7.5716782 5.41908257,7.51598362 5.46920776,7.46418755 C5.72484592,7.20910645 6.1052398,7.09159085 6.46391304,7.16343696 C6.53408813,7.17791748 6.60314941,7.19852444 6.67109673,7.2263718 C6.73681641,7.25421902 6.80030816,7.28819282 6.86045845,7.32773587 C6.92060845,7.36727905 6.97630317,7.4140625 7.02754204,7.46418755 C7.07933811,7.51598362 7.12500759,7.5716782 7.16455078,7.63182834 C7.20409397,7.69197849 7.23806763,7.75491333 7.26591499,7.82286079 C7.29376221,7.88858032 7.31436917,7.9576416 7.32884983,8.02837375 C7.34388726,8.09854885 7.34945679,8.1720657 7.34945679,8.24279785 C7.34945679,8.53352349 7.23194119,8.81700901 7.02754204,9.02252197 C6.97630317,9.07264702 6.92060845,9.11943061 6.86045845,9.15897366 C6.80030816,9.19907376 6.73681641,9.2324905 6.67109673,9.26033787 C6.60314941,9.28818508 6.53408813,9.30879204 6.46391304,9.32382962 C6.39318088,9.33831028 6.32133491,9.34555054 6.24948879,9.34555054 Z" id="Shape" fill="#152C37" fill-rule="nonzero">

</path>
                            <path d="M20.2516631,7.92979438 C19.9609375,7.92979438 19.6774521,7.81227878 19.473053,7.60676568 C19.421814,7.55664063 19.3761445,7.49927517 19.3349304,7.43912503 C19.2953872,7.38064575 19.2614136,7.31604004 19.2335664,7.24976345 C19.2073899,7.18348687 19.185112,7.11331177 19.1717453,7.04425049 C19.1572647,6.97240452 19.1500244,6.90055854 19.1500244,6.82815552 C19.1500244,6.75630954 19.1572647,6.68446343 19.1717453,6.61373142 C19.185112,6.54355618 19.2073899,6.47282417 19.2335664,6.40654758 C19.2614136,6.34082791 19.2953872,6.27566528 19.3349304,6.21718601 C19.3761445,6.15703586 19.421814,6.09967041 19.473053,6.05010227 C19.7286911,5.79279324 20.1074143,5.67527778 20.4672012,5.74879448 C20.5362625,5.76216118 20.6069946,5.78388211 20.6732712,5.8106155 C20.7389907,5.83846287 20.8035965,5.87187961 20.8626328,5.91197971 C20.9227829,5.95319363 20.9801484,5.9983062 21.0297165,6.05010227 C21.0815125,6.09967041 21.1271821,6.15703586 21.168396,6.21718601 C21.2079392,6.27622219 21.2419128,6.34082791 21.2692032,6.40654758 C21.2959365,6.47282417 21.3176575,6.54355618 21.3310242,6.61373142 C21.3460617,6.68446343 21.353302,6.75630954 21.353302,6.82815552 C21.353302,6.90000149 21.3460617,6.97184761 21.3310242,7.04425049 C21.3176575,7.11331177 21.2959365,7.18348687 21.2692032,7.24976345 C21.2419128,7.31604004 21.2079392,7.38064575 21.168396,7.43912503 C21.1271821,7.49927517 21.0815125,7.55664063 21.0297165,7.60676568 C20.9801484,7.65800483 20.9227829,7.70367432 20.8626328,7.74488823 C20.8035965,7.78443142 20.7389907,7.81840522 20.6732712,7.84625244 C20.6069946,7.87242893 20.5362625,7.89470676 20.4672012,7.90751655 C20.3953552,7.92255398 20.3235093,7.92979438 20.2516631,7.92979438 Z" id="Shape" fill="#152C37" fill-rule="nonzero">

</path>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg>

Upload

Preview React React Native PNG Data URI