Swift Paths — Free SVG to Swift converter for iOS developers

×−+~/swift-paths — zsh — 120×40v0.1.0

❯swift-paths--watch--format=swiftui

#paste svg, copy swift

─ preview (sample.svg)─

drag · scroll to zoom

─ input.svg─

[+ upload]

<?xml version="1.0" encoding="UTF-8"?>
<svg width="362px" height="311px" viewBox="0 0 362 311" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Group</title>
    <defs>
        <path d="M0,0 L362,0 L362,311 L0,311 Z" id="path-1"></path>
        <filter x="-0.4%" y="-0.5%" width="100.8%" height="101.0%" filterUnits="objectBoundingBox" id="filter-2">
            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
            <feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.25 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
        </filter>
    </defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="logo" xlink:href="#path-1">
            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
            <g id="Group" stroke-width="1" fill-rule="evenodd">
                <path d="M238.776067,17.3546561 C250.845498,25.9902808 262.913166,36.0250308 274.175254,47.3506208 C296.680165,69.9824288 313.083746,94.83603 320.800659,121.553162 C331.295975,157.980315 332.121785,186.307495 327.243718,206.783607 C326.638024,209.326063 325.989746,211.495156 325.342399,213.293593 C325.116661,213.920729 324.907475,214.456202 324.720279,214.900346 C324.609244,215.163789 324.531077,215.336569 324.491217,215.419018 L324.343279,215.72502 L324.573392,215.975161 C333.929422,226.145509 341.301696,237.967862 346.311929,250.835571 C356.201318,267.09652 357.777313,286.945171 350.654922,304.422199 C350.465678,303.411378 350.188643,302.307619 349.807632,301.13196 C348.558032,297.276158 346.458603,293.422569 343.310405,289.828208 C336.494512,282.046367 325.768346,276.582108 310.368841,274.44604 C300.80105,273.102059 292.488365,274.438763 282.81688,278.319165 C279.838439,279.514177 276.819571,280.896439 272.642722,282.934607 C271.878028,283.307753 271.097186,283.691412 270.022082,284.221551 C269.72724,284.366939 269.359603,284.54833 268.692438,284.877508 C268.156853,285.141713 267.748444,285.342989 267.348029,285.539987 C265.155986,286.618439 263.478504,287.432077 261.794563,288.22821 C240.314805,298.383411 221.367331,303.036251 193.734202,302.355407 C118.09362,300.917404 48.023005,262.560755 6.2039215,199.764594 C11.4030918,202.639354 24.824551,210.095472 29.555034,212.632578 C47.534428,222.275492 62.375083,228.93607 77.905421,233.736259 C97.233771,239.710355 116.214465,242.176423 135.585242,240.63482 C156.245311,238.99061 172.203879,235.473657 184.068086,230.638353 C190.000731,228.22048 194.528661,225.625102 197.83768,223.023492 C199.002711,222.107523 199.932812,221.254301 200.651188,220.485383 C201.089247,220.016503 201.362214,219.674958 201.49337,219.482376 L201.755666,219.097233 L201.389932,218.80849 C141.548842,171.564501 88.460376,116.392069 43.640013,54.7863698 C62.470796,70.2255838 93.049682,92.561294 130.289164,118.552597 C144.14722,128.224829 158.020734,137.765261 170.517001,146.254209 C175.169756,149.414913 179.335524,152.227852 182.452172,154.317162 C183.767883,155.199176 184.820786,155.901243 185.500071,156.349848 C185.824243,156.563933 186.056612,156.715853 186.189414,156.800528 C186.272909,156.853765 186.315166,156.87972 186.35093,156.897734 C186.369048,156.906907 186.369048,156.906907 186.413136,156.924369 C186.467693,157.003861 186.467693,157.003861 187.036835,156.659249 C186.939968,156.028084 186.939968,156.028084 186.903805,156.070046 C186.865868,156.039118 186.865868,156.039118 186.834754,156.016269 C149.295582,119.413984 114.820468,79.72139 83.876144,37.340378 C84.948582,38.2165533 86.126922,39.1782242 87.403012,40.2185303 C92.816468,44.6317381 98.871372,49.5492771 105.42068,54.8450741 C124.133093,69.9760075 143.058458,85.106982 161.020559,99.229512 C162.898951,100.70638 164.758957,102.165989 166.599705,103.607592 C215.595876,141.979509 246.521556,164.246048 252.105997,163.884476 L252.39609,163.865693 L252.523287,163.604298 C255.176792,158.151249 256.995433,153.724304 258.8562,147.172941 C261.609666,137.47857 263.134938,126.713321 263.020271,114.77204 C262.715405,83.023687 251.000931,47.3201268 224.448411,7.7721945 C227.49311,9.6712814 233.698191,13.7214586 238.776067,17.3546561 Z" id="Path" stroke="#F97331" fill-opacity="0" fill="#A84591" fill-rule="nonzero"></path>
                <g id="lines" transform="translate(4, 5)" fill="#C1C1C1" stroke="#8D8D8D" stroke-linecap="square">
                    <g id="Line" transform="translate(35, 45)">
                        <line x1="47.5" y1="65.5" x2="0.5" y2="0.5" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(76, 26)">
                        <line x1="31.6666667" y1="47.6363636" x2="0.333333333" y2="0.363636364" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(35, 45)">
                        <line x1="43.5416667" y1="36.719697" x2="0.458333333" y2="0.28030303" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(143, 113)">
                        <line x1="40.5729167" y1="38.7045455" x2="0.427083333" y2="0.295454545" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(134, 165)">
                        <line x1="62.34375" y1="49.6212121" x2="0.65625" y2="0.378787879" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(218, 0)">
                        <line x1="62.34375" y1="91.3030303" x2="0.65625" y2="0.696969697" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(296, 45)">
                        <line x1="39.5833333" y1="133.977273" x2="0.416666667" y2="1.02272727" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(72, 303.5) scale(-1, 1) translate(-72, -303.5)translate(-109, 148)">
                        <line x1="3.95833333" y1="10.9166667" x2="0.0416666667" y2="0.0833333333" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(236, 159)">
                        <line x1="12.8645833" y1="0.496212121" x2="0.135416667" y2="0.00378787879" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(321, 211)">
                        <line x1="9.89583333" y1="9.92424242" x2="0.104166667" y2="0.0757575758" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(338, 232)">
                        <line x1="4.94791667" y1="13.8939394" x2="0.0520833333" y2="0.106060606" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(343, 246)">
                        <line x1="9.89583333" y1="16.8712121" x2="0.104166667" y2="0.128787879" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(174, 438.5) scale(-1, 1) translate(-174, -438.5)translate(-7, 283)">
                        <line x1="7.91666667" y1="17.8636364" x2="0.0833333333" y2="0.136363636" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(165, 120.5) rotate(-180) translate(-165, -120.5)translate(-16, -35)">
                        <line x1="74.21875" y1="10.9166667" x2="0.78125" y2="0.0833333333" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(78, 144.5) rotate(-180) translate(-78, -144.5)translate(-103, -11)">
                        <line x1="144.479167" y1="2.97727273" x2="1.52083333" y2="0.0227272727" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(5, 387.5) scale(-1, 1) translate(-5, -387.5)translate(-176, 232)">
                        <line x1="107.864583" y1="7.93939394" x2="1.13541667" y2="0.0606060606" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(-139, 102.5) rotate(-180) translate(139, -102.5)translate(-320, -53)">
                        <line x1="41.5625" y1="64.5075758" x2="0.4375" y2="0.492424242" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(-139, 102.5) rotate(-180) translate(139, -102.5)translate(-320, -53)">
                        <line x1="41.5625" y1="64.5075758" x2="0.4375" y2="0.492424242" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(-147, 55.5) rotate(-180) translate(147, -55.5)translate(-328, -100)">
                        <line x1="33.6458333" y1="17.8636364" x2="0.354166667" y2="0.136363636" id="Path"></line>
                    </g>
                    <g id="Line" transform="translate(296, 45)">
                        <line x1="39.5833333" y1="133.977273" x2="0.416666667" y2="1.02272727" id="Path"></line>
                    </g>
                </g>
                <g id="daireler" transform="translate(0, 0.3535)" fill="#F97331" stroke="#FFFFFF" stroke-width="1.5">
                    <g id="node" transform="translate(316.5, 115.5)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(247.5, 159)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(217.5, 0)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(75, 27)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(34.5, 45)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(183, 151.5)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(130.5, 235.5)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(189, 297)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(306, 270)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(342, 244.5)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(345, 300)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(319.5, 210)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(195, 214.5)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                    <g id="node" transform="translate(0, 192)">
                        <circle id="Oval" cx="5.25" cy="5.25" r="4.5"></circle>
                    </g>
                </g>
                <g id="kucuk" transform="translate(35, 47)" fill="#FFFFFF">
                    <g id="Oval2" transform="translate(48, 65)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(101, 121)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(152, 187)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(42, 195)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(0, 166)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(8, 213)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(80, 252)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(224, 255)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(237, 220)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(312, 231)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(321, 239)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(319, 217)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(304, 187)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(297, 176)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(302, 135)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(263, 0)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(246, 47)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(219, 104)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(202, 114)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(74, 28)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(109, 68)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                    <g id="Oval2" transform="translate(45, 36)">
                        <circle id="Oval" cx="3" cy="3" r="3"></circle>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg>

─ output.swift─

1// generating...

READYsample.svg·58 shapes·0 linesname: path·fmt: swiftui·utf-8·100%

developed by Zeynep Müslim·github