Pattern source

Use the source Luke

When you generate your own pattern, you have the option to download its SVG source code.

This allows you to make small (or big) changes to the pattern, and further customize it.

Should you feel that your alterations would make the pattern better for everybody, I'd be excited to hear about it.

While you can change the SVG code with any text editor, you probably will want to use an SVG editor to do this.

SVG Editors

Adobe Illustrator

The pricey choice of professionals, Illustrator is available on adobe.com

Inkscape

The choice of yours truly. Freely available, courtesy of the Open Source community, at inkscape.org

Example SVG code

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!--
 
    __  __      _       __  __      ___      _   _                               
   |  \/  |__ _| |_____|  \/  |_  _| _ \__ _| |_| |_ ___ _ _ _ _    
   | |\/| / _` | / / -_) |\/| | || |  _/ _` |  _|  _/ -_) '_| ' \  
   |_|  |_\__,_|_\_\___|_|  |_|\_, |_| \__,_|\__|\__\___|_| |_||_|
                               |__/            [makemypattern.com]              
 
 
            Title: Timeless Tie
           Author: Joost De Cock
          Version: 1.1
             Date: Sunday 19th of October 2014
          License: https://creativecommons.org/licenses/by-nc-sa/3.0/
 
         MMP User: joost
        MMP Model: Joost De Cock
    MMP Reference: 85b0f34868f7d1800292c1fe9628880e03876bde
 
 
  This pattern was generated online at http://makemypattern.com/
  It is available free of charge under a Creative Commons license.
 
  While all makemypattern.com patterns are free, I do accept donations.
 
  Every donation, no matter how small, helps to keep me motivated 
  to further improve the site and to add new patterns.
  They also help pay the bills so the lights stay on at makemypattern.com.
 
  You can donate via paypal to: joost@decock.org
 
  Thanks for considering it, and enjoy your pattern.
 
 
  Love,
  Joost
 
  -->
<svg
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:cc="http://creativecommons.org/ns#"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:svg="http://www.w3.org/2000/svg"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  width="2994.09449105"
  height="3266.1443776916"
  id="TimelessTie"
  version="1.1"
  sodipodi:docname="MakeMyPattern.com - Timeless Tie"
>
  <style type="text/css"><![CDATA[ 
    path { fill: #ffffff; fill-opacity:1; stroke: #000000; stroke-opacity:1; stroke-width: 0.5; stroke-miterlimit:4; stroke-dashoffset:0; stroke-linecap:round; stroke-linejoin:round; }
    path.sa { stroke:#dddddd; stroke-width:19; fill: #dddddd;stroke-linecap:square;stroke-linejoin:miter}
    path.round-miter { stroke:#aaaaaa; stroke-width:20; fill: #aaaaaa;stroke-linecap:round;stroke-linejoin:miter}
    path.round-round { stroke:#aaaaaa; stroke-width:20; fill: #aaaaaa;stroke-linecap:round;stroke-linejoin:round}
    path.square-miter { stroke:#aaaaaa; stroke-width:20; fill: #aaaaaa;stroke-linecap:square;stroke-linejoin:miter}
    path.square-round { stroke:#aaaaaa; stroke-width:20; fill: #aaaaaa;stroke-linecap:square;stroke-linejoin:round}
    path.butt-miter { stroke:#aaaaaa; stroke-width:20; fill: #aaaaaa;stroke-linecap:butt;stroke-linejoin:miter}
    path.butt-round { stroke:#aaaaaa; stroke-width:20; fill: #aaaaaa;stroke-linecap:butt;stroke-linejoin:round}
    path.cutline { stroke:#aaaaaa; stroke-width:20; fill: #aaaaaa;stroke-linecap:square;stroke-linejoin:miter}
    path.saline { stroke:none; stroke-width:0; fill: #aaaaaa;stroke-linecap:square;stroke-linejoin:miter}
    path.white { stroke:none; stroke-width:0; fill: #ffffff;}
    path.foldline { stroke:#999999; stroke-width:0.4; stroke-dasharray:6,1; fill:none;}
    path.helpline { stroke:#666666; stroke-width:0.3; stroke-dasharray:1,1; fill:none;}
    path.grainline { stroke:#5C3566; stroke-width:1; marker-start:url(#Arrow2Mstart); marker-end:url(#Arrow2Mend); }
    path.cutonfold { stroke:#666666; stroke-width:0.5; fill:none; marker-start:url(#Arrow2Mstart); marker-end:url(#Arrow2Mend); }
    path.lining {stroke:#0000FF;}
    path.canvas, path.interfacing {stroke:#FF0000;}
    path.other {stroke:#5BC0DE;}
    path.felled {stroke:#aaaaaa; stroke-width:40; fill: none; stroke-linecap:butt;stroke-linejoin:miter; stroke-dasharray:0.5,2;}
    tspan { font-size:6px; font-style:normal; font-weight:normal; text-anchor:middle; fill:#000000; fill-opacity:1; stroke:none; font-family:Dosis; -inkscape-font-specification:Dosis; }
    tspan.center { text-align: center; } 
    tspan.left { text-align: left; } 
    tspan.right { text-align: right; }
    tspan.heading1 { font-size:42px; font-style:100; font-weight:800; text-align:center; text-anchor:middle; stroke:#d9534f; stroke-width:1; fill:none;font-family:'Open Sans'; -inkscape-font-specification:'Open Sans'; }
    text.snippet-scalebox-headings tspan,
    text.snippet-scalebox-instructions tspan,
    text.snippet-scalebox-values tspan,
    text.scalebox-hash tspan { font-size:4px; font-style:normal; font-variant:normal; font-weight:normal; font-stretch:normal; text-align:end; text-anchor:start; font-family:'Open Sans'; -inkscape-font-specification:'Open Sans'; fill:#000000; fill-opacity:1; }
    text.snippet-scalebox-instructions tspan { font-size:3px; font-weight:normal; text-align:start; fill:#000000; fill-opacity:1; font-family:'Open Sans'; -inkscape-font-specification:'Open Sans'; }
    text.snippet-scalebox-values tspan { font-size:4px; font-weight:normal; text-align:start; fill:#d9534f; font-family:'Open Sans'; -inkscape-font-specification:'Open Sans'; }
    text.scalebox-hash tspan { font-size:3px; font-weight:normal; text-align:start; fill:#000; }
    text.tip tspan { font-size:5px; text-align:start; text-anchor:start; fill:#d9534f; font-family:'Open Sans'; -inkscape-font-specification:'Open Sans'; }
    text.tip tspan.tip-heading { font-size:7px; font-weight:bold; }
    ]]>
  </style>
  <defs id="defs">
     <marker inkscape:stockid="Arrow2Mend" orient="auto" refY="0.0" refX="0.0" id="Arrow2Mend" style="overflow:visible;">
      <path id="path3622"
         style="font-size:12.0;fill-rule:evenodd;stroke-width:1.625;stroke-linejoin:round;fill:#5C3566;stroke:#5C3566;"
         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
         transform="scale(0.6) rotate(180) translate(0,0)" />
    </marker>
    <marker inkscape:stockid="Arrow2Mstart" orient="auto" refY="0.0" refX="0.0" id="Arrow2Mstart" style="overflow:visible">
      <path id="path3619"
         style="font-size:12.0;fill-rule:evenodd;stroke-width:1.625;stroke-linejoin:round;fill:#5C3566;stroke:#5C3566;"
         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
         transform="scale(0.6) translate(0,0)" />
    </marker>
    <pattern patternUnits="userSpaceOnUse" width="11" height="11" id="pattern-notch">
      <g id="notch">
        <circle id="notch-dot" cx="0" cy="0" r="2.5" stroke="none" fill="#d9534f" fill-opacity="1" />
      </g>
    </pattern>
    <pattern patternUnits="userSpaceOnUse" width="11" height="11" id="pattern-buttonhole">
      <g id="buttonhole">
        <path id="buttonhole-1" style="stroke-width:2;stroke-linecap:butt;fill:none;stroke:#5C3566;" d="M -1.4,-6 l 2.8,0 M -1.4,6 l 2.8,0" />
        <path id="buttonhole-2" style="stroke-width:0.8;stroke-linecap:round;fill:none;stroke:#5C3566;" d="M -1,-6 l 0,12 M 1,-6 l 0,12" />
        <path id="buttonhole-3" style="stroke-width:0.2;stroke-linecap:round;fill:none;stroke:#5C3566;" d="M -1.2,-1.2 l 2.4,2.4 M 1.2,-1.2 l -2.4,2.4" />
      </g>
    </pattern>
    <pattern patternUnits="userSpaceOnUse" width="11" height="11" id="pattern-button">
      <g id="button">
        <path id="button-line-1" style="stroke-width:0.5;stroke-linejoin:round;fill:none;stroke:#5C3566;" d="m -2,-2 l 4,4 m -4,0 l 4,-4" />
        <circle id="button-outline-1" cx="0" cy="0" r="4" stroke="#5c3566" fill="none" fill-opacity="1" stroke-width="0.3 "/>
        <circle id="button-outline-2" cx="0" cy="0" r="5" stroke="#5c3566" fill="none" fill-opacity="1" stroke-width="0.7" />
      </g>
    </pattern>
    <g id="scalebox">
      <rect y="0" x="0" height="50.8" width="101.6" style="fill:#000000;fill-opacity:1;stroke:none" />
      <rect style="fill:#ffffff;fill-opacity:1;stroke:none" width="100" height="50" x="0.4" y="0.4" />
      <text y="3" x="0" class="snippet-scalebox-headings">
        <tspan x="2" dy="5">Pattern:</tspan>
        <tspan x="2" dy="5">Version:</tspan>
        <tspan x="2" dy="5">User:</tspan>
        <tspan x="2" dy="5">Model:</tspan>
        <tspan x="2" dy="5">Date:</tspan>
        <tspan x="2" dy="5">Reference:</tspan>
      </text>
      <text y="0" x="0" class="snippet-scalebox-instructions">
        <tspan x="2" y="42">The (white) inside of this box should measure 10 by 5 cm</tspan>
        <tspan x="2" dy="5">The (black) outside of this box should measure 4 by 2 inch</tspan>
      </text>
      <text x="0" y="3" class="snippet-scalebox-values">
        <tspan x="22" dy="5" >TimelessTie</tspan>
        <tspan x="22" dy="5">1.1</tspan>
        <tspan x="22" dy="5">joost</tspan>
        <tspan x="22" dy="5">Joost De Cock</tspan>
        <tspan x="22" dy="5">Friday 11th of March 2016</tspan>
      </text>
      <text x="0" y="0" class="scalebox-hash">
        <tspan x="22" y="33">85b0f34868f7d1800292c1fe9628880e03876bde</tspan>
      </text>
    </g>
    <g id="helplink">
      <text class="tip" x="0" y="0">
        <tspan class="tip-heading" x="0" dy="8">Tip</tspan>
        <tspan x="0" dy="8">Your pattern is only the start.</tspan>
        <tspan x="0" dy="6">For instructions and inspiration, visit</tspan>
        <tspan x="0" dy="6">makemypattern.com/pattern/timeless-tie/</tspan>
      </text>
    </g>
  </defs> 
  <sodipodi:namedview
    id="base"
    pagecolor="#ffffff"
    bordercolor="#000000"
    borderopacity="1.0"
  />
  <!-- Start of patternScaleContainer -->
  <g id="patternScaleContainer"  transform="scale(3.54330709)" >
    <!-- Start of mmp-1_move-wrapper -->
    <g id="mmp-1_move-wrapper"  transform="translate(50,15)" >
      <!-- Start of Interfacing-tip -->
      <g id="Interfacing-tip" >
          <!-- Start of mmp-2_Interfacing-tip-model -->
          <g id="mmp-2_Interfacing-tip-model" >
              <path id="mmp-3" class="fitline" d=" M  0,0  L  35,35  L  20,775  L  -20,815  L  -35,35  z " />
              <use x="0" y="785" xlink:href="#notch" id="mmp-4" >
                <title>Notch</title>
              </use>
              <text xml:space="default" id="mmp-5">
                <tspan class="heading1" x="0" y="261.66666666667"  >1</tspan>
                <tspan class="center" x="0" dy="7">Interfacing tip</tspan>
                <tspan class="center" x="0" dy="7"> </tspan>
                <tspan class="center" x="0" dy="7">Cut 1</tspan>
              </text>
          </g>
          <!-- End of mmp-2_Interfacing-tip-model -->
      </g>
      <!-- End of Interfacing-tip -->
    </g>
    <!-- End of mmp-1_move-wrapper -->
    <!-- Start of mmp-6_move-wrapper -->
    <g id="mmp-6_move-wrapper"  transform="translate(100,0)" >
      <!-- Start of mmp-7_move-wrapper -->
      <g id="mmp-7_move-wrapper"  transform="translate(42.5,15)" >
        <!-- Start of Interfacing-tail -->
        <g id="Interfacing-tail" >
            <!-- Start of mmp-8_Interfacing-tail-model -->
            <g id="mmp-8_Interfacing-tail-model" >
                <path id="mmp-9" class="fitline" d=" M  0,0  L  27.5,27.5  L  20,775  L  -20,815  L  -27.5,27.5  z " />
                <use x="0" y="785" xlink:href="#notch" id="mmp-10" >
                  <title>Notch</title>
                </use>
                <text xml:space="default" id="mmp-11">
                  <tspan class="heading1" x="0" y="261.66666666667"  >2</tspan>
                  <tspan class="center" x="0" dy="7">Interfacing tail</tspan>
                  <tspan class="center" x="0" dy="7"> </tspan>
                  <tspan class="center" x="0" dy="7">Cut 1</tspan>
                </text>
            </g>
            <!-- End of mmp-8_Interfacing-tail-model -->
        </g>
        <!-- End of Interfacing-tail -->
      </g>
      <!-- End of mmp-7_move-wrapper -->
    </g>
    <!-- End of mmp-6_move-wrapper -->
    <!-- Start of mmp-12_move-wrapper -->
    <g id="mmp-12_move-wrapper"  transform="translate(185,0)" >
      <!-- Start of mmp-13_move-wrapper -->
      <g id="mmp-13_move-wrapper"  transform="translate(115,25)" >
        <!-- Start of Fabric-tip -->
        <g id="Fabric-tip" >
            <!-- Start of mmp-14_Fabric-tip-model -->
            <g id="mmp-14_Fabric-tip-model" >
                <path id="mmp-15" class="fitline" d=" M  0,-10  L  100,90  L  72.627737226277,742.37226277372  L  -66.778523489933,881.77852348993  L  -100,90  z " />
                <use x="0" y="805" xlink:href="#notch" id="mmp-16" >
                  <title>Notch</title>
                </use>
                <use x="10.6066" y="10.6066" xlink:href="#notch" id="mmp-17" >
                  <title>Notch</title>
                </use>
                <use x="-10.6066" y="10.6066" xlink:href="#notch" id="mmp-18" >
                  <title>Notch</title>
                </use>
                <text xml:space="default" id="mmp-19">
                  <tspan class="heading1" x="0" y="261.66666666667"  >3</tspan>
                  <tspan class="center" x="0" dy="7">Fabric tip</tspan>
                  <tspan class="center" x="0" dy="7"> </tspan>
                  <tspan class="center" x="0" dy="7">Cut 1</tspan>
                  <tspan class="center" x="0" dy="7">Good side down</tspan>
                </text>
                <use x="-49" y="90" xlink:href="#helplink"/>
            </g>
            <!-- End of mmp-14_Fabric-tip-model -->
        </g>
        <!-- End of Fabric-tip -->
      </g>
      <!-- End of mmp-13_move-wrapper -->
    </g>
    <!-- End of mmp-12_move-wrapper -->
    <!-- Start of mmp-20_move-wrapper -->
    <g id="mmp-20_move-wrapper"  transform="translate(415,0)" >
      <!-- Start of mmp-21_move-wrapper -->
      <g id="mmp-21_move-wrapper"  transform="translate(100,25)" >
        <!-- Start of Fabric-tail -->
        <g id="Fabric-tail" >
            <!-- Start of mmp-22_Fabric-tail-model -->
            <g id="mmp-22_Fabric-tail-model" >
                <path id="mmp-23" class="fitline" d=" M  0,-10  L  85,75  L  71.258741258741,743.74125874126  L  -68.389261744966,883.38926174497  L  -85,75  z " />
                <use x="0" y="805" xlink:href="#notch" id="mmp-24" >
                  <title>Notch</title>
                </use>
                <use x="8.4853" y="8.4853" xlink:href="#notch" id="mmp-25" >
                  <title>Notch</title>
                </use>
                <use x="-8.4853" y="8.4853" xlink:href="#notch" id="mmp-26" >
                  <title>Notch</title>
                </use>
                <text xml:space="default" id="mmp-27">
                  <tspan class="heading1" x="0" y="261.66666666667"  >4</tspan>
                  <tspan class="center" x="0" dy="7">Fabric tail</tspan>
                  <tspan class="center" x="0" dy="7"> </tspan>
                  <tspan class="center" x="0" dy="7">Cut 1</tspan>
                  <tspan class="center" x="0" dy="7">Good side down</tspan>
                </text>
            </g>
            <!-- End of mmp-22_Fabric-tail-model -->
        </g>
        <!-- End of Fabric-tail -->
      </g>
      <!-- End of mmp-21_move-wrapper -->
    </g>
    <!-- End of mmp-20_move-wrapper -->
    <!-- Start of mmp-28_move-wrapper -->
    <g id="mmp-28_move-wrapper"  transform="translate(615,0)" >
      <!-- Start of mmp-29_move-wrapper -->
      <g id="mmp-29_move-wrapper"  transform="translate(115,25)" >
        <!-- Start of Lining-tip -->
        <g id="Lining-tip" >
            <!-- Start of mmp-30_Lining-tip-model -->
            <g id="mmp-30_Lining-tip-model" >
                <path id="mmp-31" class="fitline" d=" M  0,-10  L  100,90  L  88.251748251748,370  L  -88.251748251748,370  L  -100,90  z " />
                <use x="0" y="0" xlink:href="#notch" id="mmp-32" >
                  <title>Notch</title>
                </use>
                <text xml:space="default" id="mmp-33">
                  <tspan class="heading1" x="0" y="140"  >5</tspan>
                  <tspan class="center" x="0" dy="7">Lining tip</tspan>
                  <tspan class="center" x="0" dy="7"> </tspan>
                  <tspan class="center" x="0" dy="7">Cut 1</tspan>
                  <tspan class="center" x="0" dy="7">Good side down</tspan>
                </text>
                <use x="-50" y="205" xlink:href="#scalebox"/>
            </g>
            <!-- End of mmp-30_Lining-tip-model -->
        </g>
        <!-- End of Lining-tip -->
      </g>
      <!-- End of mmp-29_move-wrapper -->
    </g>
    <!-- End of mmp-28_move-wrapper -->
    <!-- Start of mmp-34_move-wrapper -->
    <g id="mmp-34_move-wrapper"  transform="translate(0,410)" >
      <!-- Start of mmp-35_move-wrapper -->
      <g id="mmp-35_move-wrapper"  transform="translate(615,0)" >
        <!-- Start of mmp-36_move-wrapper -->
        <g id="mmp-36_move-wrapper"  transform="translate(100,25)" >
          <!-- Start of Lining-tail -->
          <g id="Lining-tail" >
              <!-- Start of mmp-37_Lining-tail-model -->
              <g id="mmp-37_Lining-tail-model" >
                  <path id="mmp-38" class="fitline" d=" M  0,-10  L  85,75  L  80.479452054795,295  L  -80.479452054795,295  L  -85,75  z " />
                  <use x="0" y="0" xlink:href="#notch" id="mmp-39" >
                    <title>Notch</title>
                  </use>
                  <text xml:space="default" id="mmp-40">
                    <tspan class="heading1" x="0" y="140"  >6</tspan>
                    <tspan class="center" x="0" dy="7">Lining tail</tspan>
                    <tspan class="center" x="0" dy="7"> </tspan>
                    <tspan class="center" x="0" dy="7">Cut 1</tspan>
                    <tspan class="center" x="0" dy="7">Good side down</tspan>
                  </text>
              </g>
              <!-- End of mmp-37_Lining-tail-model -->
          </g>
          <!-- End of Lining-tail -->
        </g>
        <!-- End of mmp-36_move-wrapper -->
      </g>
      <!-- End of mmp-35_move-wrapper -->
    </g>
    <!-- End of mmp-34_move-wrapper -->
    <!-- Start of mmp-41_move-wrapper -->
    <g id="mmp-41_move-wrapper"  transform="translate(0,745)" >
      <!-- Start of mmp-42_move-wrapper -->
      <g id="mmp-42_move-wrapper"  transform="translate(615,0)" >
        <!-- Start of mmp-43_move-wrapper -->
        <g id="mmp-43_move-wrapper"  transform="translate(15,15)" >
          <!-- Start of Loop -->
          <g id="Loop" >
              <!-- Start of mmp-44_Loop-model -->
              <g id="mmp-44_Loop-model" >
                  <path id="mmp-45" class="fitline" d=" M  0,0  L  150,0  L  150,34  L  0,34  z " />
                  <text xml:space="default" id="mmp-46">
                    <tspan class="heading1" x="75" y="17"  >7</tspan>
                    <tspan class="center" x="75" dy="7">Loop</tspan>
                    <tspan class="center" x="75" dy="7"> </tspan>
                    <tspan class="center" x="75" dy="7">Cut 1</tspan>
                    <tspan class="center" x="75" dy="7">Good side down</tspan>
                  </text>
              </g>
              <!-- End of mmp-44_Loop-model -->
          </g>
          <!-- End of Loop -->
        </g>
        <!-- End of mmp-43_move-wrapper -->
      </g>
      <!-- End of mmp-42_move-wrapper -->
    </g>
    <!-- End of mmp-41_move-wrapper -->
  </g>
  <!-- End of patternScaleContainer -->
</svg>
 
  <!-- MakeMyPattern messages 
 
    Hi there, I am Leela, and I will be your robot today.
    Our special of the day is Timeless Tie pattern
    I will serve it for you with these measurements:
 
      Neck size: 420mm
      Neck to waist: 500mm
 
    and these options:
 
          Tip width: 70mm
          Knot width: 40mm
 
    Here we go...
 
      > Sprinkling pixels
      > Drawing pattern
 
    Done.
 
    It took Joost a good while to program this pattern.
    It took me 0.0068 seconds to make it for you.
    So don't thank me, thank him: makemypattern.com/donate
 
    Enjoy your pattern :)
 
  -->