D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
roachhd
Full window
Github gist
SVG icons
<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "https://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" width="3000px" height="1000px" viewBox="0 0 3000 1000" enable-background="new 0 0 3000 1000" xml:space="preserve"> <rect x="-1" fill="#F15B31" width="3002" height="1000"/> <rect x="1000.006" fill="#3AC2D8" width="1000" height="1000"/> <circle fill="#FFFFFF" cx="500" cy="500" r="387"/> <circle fill="#0B2C40" cx="1500" cy="501.001" r="387"/> <circle fill="#FFFFFF" cx="2501.6" cy="500" r="387"/> <polygon fill="none" stroke="#3AC2D8" stroke-width="10" stroke-miterlimit="10" points="647.083,648 350.098,351.016 647.083,351.016 350.098,648 "/> <circle fill="none" stroke="#FFFFFF" stroke-width="10" stroke-miterlimit="10" cx="1500.675" cy="497.091" r="59.21"/> <circle fill="none" stroke="#FFFFFF" stroke-width="10" stroke-miterlimit="10" cx="1500.675" cy="344.97" r="59.21"/> <circle fill="none" stroke="#FFFFFF" stroke-width="10" stroke-miterlimit="10" cx="1500.675" cy="647.206" r="59.21"/> <circle fill="none" stroke="#FFFFFF" stroke-width="10" stroke-miterlimit="10" cx="1350.556" cy="417.03" r="59.21"/> <circle fill="none" stroke="#FFFFFF" stroke-width="10" stroke-miterlimit="10" cx="1350.556" cy="569.149" r="59.21"/> <circle fill="none" stroke="#FFFFFF" stroke-width="10" stroke-miterlimit="10" cx="1650.79" cy="417.03" r="59.21"/> <circle fill="none" stroke="#FFFFFF" stroke-width="10" stroke-miterlimit="10" cx="1650.79" cy="569.149" r="59.21"/> <circle fill="none" stroke="#3AC2D8" stroke-width="10" stroke-miterlimit="10" cx="2496" cy="497.091" r="210"/> <circle fill="none" stroke="#3AC2D8" stroke-width="10" stroke-miterlimit="10" cx="2496" cy="497.091" r="189"/> <circle fill="none" stroke="#3AC2D8" stroke-width="10" stroke-miterlimit="10" cx="2496" cy="497.091" r="168.21"/> <circle fill="none" stroke="#3AC2D8" stroke-width="10" stroke-miterlimit="10" cx="2496" cy="497.091" r="148.025"/> </svg> <!-- ******************* STAR ICOn.SVG ************************** --> <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "https://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" width="1000px" height="1000px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve"> <g id="Layer_1" display="none"> </g> <g id="Layer_3"> <circle fill="#FFFFFF" cx="500" cy="500" r="387"/> </g> <g id="Layer_9" display="none"> <rect x="351.507" y="350.097" display="inline" fill="#C157A1" width="296.985" height="296.985"/> </g> <g id="Layer_10"> </g> <g id="Layer_11" display="none"> <rect x="245.763" y="245.763" display="inline" fill="#C157A1" width="508.475" height="508.475"/> </g> <g id="Layer_12"> <line fill="none" stroke="#F15B30" stroke-width="10" stroke-miterlimit="10" x1="350.098" y1="645.583" x2="647.083" y2="348.598"/> <line fill="none" stroke="#F15B30" stroke-width="10" stroke-miterlimit="10" x1="350.098" y1="348.598" x2="647.083" y2="645.583"/> <line fill="none" stroke="#F15B30" stroke-width="10" stroke-miterlimit="10" x1="498.591" y1="707.091" x2="498.591" y2="287.091"/> <line fill="none" stroke="#F15B30" stroke-width="10" stroke-miterlimit="10" x1="288.59" y1="497.09" x2="708.59" y2="497.09"/> </g> <g id="Layer_16" display="none"> <polygon display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" points="647.083,645.583 350.098,348.598 647.083,348.598 350.098,645.583 "/> </g> <g id="Layer_13" display="none"> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.601" cy="497.091" r="210"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.601" cy="497.091" r="189"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.601" cy="497.091" r="168.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="497.091" r="148.025"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="497.091" r="148.025"/> </g> <g id="Layer_15" display="none"> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="497.091" r="59.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="344.97" r="59.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="647.206" r="59.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="348.482" cy="417.03" r="59.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="348.482" cy="569.149" r="59.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="648.717" cy="417.03" r="59.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="648.717" cy="569.149" r="59.21"/> </g> <g id="Layer_14" display="none"> </g> <g id="Layer_6" display="none"> <path display="inline" fill="#C879B2" d="M999.709,1000V0.459c-273.653,2.772-494.637,225.46-494.637,499.77 C505.072,774.538,726.056,997.229,999.709,1000z"/> <path display="inline" fill="#FFFFFF" d="M1000,678.914L1000,678.914V666l0,0c-98.985,0-179.515-80.53-179.515-179.517 c0-98.986,80.529-179.516,179.515-179.516l0,0v-12.915l0,0c-106.105,0-192.431,86.325-192.431,192.431 C807.569,592.591,893.895,678.914,1000,678.914z"/> <path display="inline" fill="#FFFFFF" d="M833.722,486.483c0,91.687,74.594,166.279,166.278,166.279v-12.915 c-84.563,0-153.363-68.799-153.363-153.364S915.438,333.12,1000,333.12v-12.914C908.315,320.206,833.722,394.797,833.722,486.483z" /> <path display="inline" fill="#FFFFFF" d="M859.875,486.483c0,77.266,62.86,140.125,140.125,140.125v-12.913 c-70.144,0-127.21-57.068-127.21-127.212S929.856,359.272,1000,359.272v-12.914C922.735,346.358,859.875,409.218,859.875,486.483z" /> </g> <g id="Layer_8" display="none"> <g display="inline"> <path fill="#072B3F" d="M501.742,645.606L501.742,645.606v-9.865l0,0c-75.61,0-137.123-61.512-137.123-137.124 c0-75.61,61.513-137.124,137.123-137.124l0,0v-9.865l0,0c-81.049,0-146.988,65.939-146.988,146.988 C354.754,579.668,420.693,645.606,501.742,645.606z"/> <path fill="#072B3F" d="M374.73,498.617c0,70.036,56.979,127.013,127.012,127.013v-9.865 c-64.593,0-117.147-52.553-117.147-117.147s52.554-117.146,117.147-117.146v-9.865C431.709,371.606,374.73,428.583,374.73,498.617 z"/> <path fill="#072B3F" d="M501.36,351.63L501.36,351.63v9.864l0,0c75.61,0,137.122,61.513,137.122,137.125 c0,75.611-61.512,137.124-137.122,137.124l0,0v9.865l0,0c81.049,0,146.988-65.939,146.988-146.989 C648.349,417.568,582.409,351.63,501.36,351.63z"/> <path fill="#072B3F" d="M628.372,498.619c0-70.036-56.979-127.013-127.012-127.013v9.865c64.594,0,117.146,52.552,117.146,117.147 S565.954,615.766,501.36,615.766v9.864C571.395,625.63,628.372,568.653,628.372,498.619z"/> <g> <path fill="#072B3F" d="M394.708,498.617c0,59.021,48.016,107.035,107.035,107.035v-9.863c-53.579,0-97.169-43.592-97.169-97.172 c0-53.58,43.59-97.17,97.169-97.17v-9.865C442.724,391.583,394.708,439.599,394.708,498.617z"/> <path fill="#072B3F" d="M608.396,498.619c0-59.02-48.018-107.035-107.035-107.035v9.864c53.579,0,97.169,43.592,97.169,97.171 s-43.59,97.17-97.169,97.17v9.864C560.379,605.653,608.396,557.638,608.396,498.619z"/> </g> </g> </g> <g id="Layer_7" display="none"> </g> <g id="Layer_5" display="none"> <g display="inline"> <line fill="none" stroke="#02BCD9" stroke-width="10" stroke-miterlimit="10" x1="353.75" y1="500" x2="646.25" y2="500"/> <line fill="none" stroke="#02BCD9" stroke-width="10" stroke-miterlimit="10" x1="500" y1="353.75" x2="500" y2="646.25"/> <line fill="none" stroke="#02BCD9" stroke-width="10" stroke-miterlimit="10" x1="396.585" y1="396.585" x2="603.414" y2="603.414"/> <line fill="none" stroke="#02BCD9" stroke-width="10" stroke-miterlimit="10" x1="603.414" y1="396.586" x2="396.585" y2="603.414"/> </g> </g> <g id="Layer_4" display="none"> <g display="inline"> <line fill="none" stroke="#5C1C1F" stroke-width="10" stroke-miterlimit="10" x1="353.75" y1="500" x2="646.25" y2="500"/> <line fill="none" stroke="#5C1C1F" stroke-width="10" stroke-miterlimit="10" x1="500" y1="353.75" x2="500" y2="646.25"/> <line fill="none" stroke="#5C1C1F" stroke-width="10" stroke-miterlimit="10" x1="396.585" y1="396.585" x2="603.414" y2="603.414"/> <line fill="none" stroke="#5C1C1F" stroke-width="10" stroke-miterlimit="10" x1="603.414" y1="396.586" x2="396.585" y2="603.414"/> </g> </g> <g id="Layer_2" display="none"> <circle display="inline" fill="#FFFFFF" cx="500" cy="500" r="387"/> </g> </svg> <!-- ********************** END OF ICON STAR ******************* --> <!-- ************************ ICON-HALF.SVG ************************* --> <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "https://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" width="1000px" height="1000px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve"> <g id="Layer_1" display="none"> </g> <g id="Layer_3" display="none"> <circle display="inline" fill="#FFFFFF" cx="500" cy="500" r="387"/> </g> <g id="Layer_9" display="none"> <rect x="351.507" y="350.097" display="inline" fill="#C157A1" width="296.985" height="296.985"/> </g> <g id="Layer_10" display="none"> </g> <g id="Layer_11" display="none"> <rect x="245.763" y="245.763" display="inline" fill="#C157A1" width="508.475" height="508.475"/> </g> <g id="Layer_12" display="none"> <line display="inline" fill="none" stroke="#F15B30" stroke-width="10" stroke-miterlimit="10" x1="350.098" y1="645.583" x2="647.083" y2="348.598"/> <line display="inline" fill="none" stroke="#F15B30" stroke-width="10" stroke-miterlimit="10" x1="350.098" y1="348.598" x2="647.083" y2="645.583"/> <line display="inline" fill="none" stroke="#F15B30" stroke-width="10" stroke-miterlimit="10" x1="498.591" y1="707.091" x2="498.591" y2="287.091"/> <line display="inline" fill="none" stroke="#F15B30" stroke-width="10" stroke-miterlimit="10" x1="288.59" y1="497.09" x2="708.59" y2="497.09"/> </g> <g id="Layer_16" display="none"> <polygon display="inline" fill="none" stroke="#3BC2D7" stroke-width="10" stroke-miterlimit="10" points="647.083,645.583 350.098,348.598 647.083,348.598 350.098,645.583 "/> </g> <g id="Layer_13" display="none"> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.601" cy="497.091" r="210"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.601" cy="497.091" r="189"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.601" cy="497.091" r="168.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="497.091" r="148.025"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="497.091" r="148.025"/> </g> <g id="Layer_15" display="none"> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="497.091" r="59.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="344.97" r="59.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="647.206" r="59.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="348.482" cy="417.03" r="59.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="348.482" cy="569.149" r="59.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="648.717" cy="417.03" r="59.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="648.717" cy="569.149" r="59.21"/> </g> <g id="Layer_14" display="none"> </g> <g id="Layer_6"> <path fill="#3BC2D7" d="M999.709,1000V0.459c-273.653,2.772-494.637,225.46-494.637,499.77 C505.072,774.538,726.056,997.229,999.709,1000z"/> </g> <g id="Layer_17"> <path fill="none" d="M1001.161,650.115c-0.485,0-0.968-0.014-1.452-0.019v10.186c0.484,0.005,0.967,0.019,1.452,0.019"/> <path fill="none" d="M1001.161,333.881c-0.485,0-0.968,0.014-1.452,0.019v10.185c0.484-0.004,0.967-0.019,1.452-0.019"/> <path fill="none" d="M1001.161,313.091c-0.485,0-0.968,0.015-1.452,0.019v10.79c0.484-0.004,0.967-0.019,1.452-0.019"/> <path fill="none" d="M1001.161,670.301c-0.485,0-0.968-0.015-1.452-0.019v10.79c0.484,0.004,0.967,0.019,1.452,0.019"/> <path fill="none" d="M1001.161,354.066c-0.485,0-0.968,0.014-1.452,0.019v286.012c0.484,0.005,0.967,0.019,1.452,0.019"/> <path fill="none" d="M1001.161,691.091c-0.485,0-0.968-0.015-1.452-0.019v11c0.484,0.004,0.967,0.019,1.452,0.019"/> <path fill="none" d="M1001.161,292.091c-0.485,0-0.968,0.015-1.452,0.019v11c0.484-0.004,0.967-0.019,1.452-0.019"/> <path fill="#FFFFFF" d="M1001.161,282.091c-0.485,0-0.968,0.015-1.452,0.018c-56.886,0.375-110.311,22.689-150.576,62.955 c-40.607,40.608-62.972,94.599-62.972,152.028s22.364,111.42,62.972,152.027c40.266,40.266,93.69,62.581,150.576,62.955 c0.484,0.003,0.967,0.018,1.452,0.018 M1001.161,702.091c-0.485,0-0.968-0.015-1.452-0.019 c-112.37-0.785-203.548-92.43-203.548-204.981c0-112.552,91.178-204.196,203.548-204.981c0.484-0.003,0.967-0.019,1.452-0.019"/> <path fill="#FFFFFF" d="M1001.161,303.091c-0.485,0-0.968,0.015-1.452,0.019c-106.305,0.785-192.548,87.495-192.548,193.981 c0,106.486,86.243,193.196,192.548,193.981c0.484,0.004,0.967,0.019,1.452,0.019 M1001.161,681.091 c-0.485,0-0.968-0.015-1.452-0.019c-100.791-0.784-182.548-83.009-182.548-183.981s81.757-183.197,182.548-183.981 c0.484-0.004,0.967-0.019,1.452-0.019"/> <path fill="#FFFFFF" d="M1001.161,323.881c-0.485,0-0.968,0.015-1.452,0.019c-94.841,0.784-171.758,78.168-171.758,173.191 c0,95.022,76.917,172.407,171.758,173.191c0.484,0.004,0.967,0.019,1.452,0.019 M1001.161,660.301 c-0.485,0-0.968-0.014-1.452-0.019c-89.327-0.784-161.758-73.683-161.758-163.191s72.431-162.408,161.758-163.191 c0.484-0.004,0.967-0.019,1.452-0.019"/> <path fill="#FFFFFF" d="M1001.161,344.066c-0.485,0-0.968,0.014-1.452,0.019c-83.711,0.784-151.572,69.113-151.572,153.006 c0,83.893,67.861,152.223,151.572,153.006c0.484,0.005,0.967,0.019,1.452,0.019 M1001.161,640.115 c-0.485,0-0.968-0.014-1.452-0.019c-78.197-0.783-141.572-64.627-141.572-143.006s63.375-142.223,141.572-143.006 c0.484-0.005,0.967-0.019,1.452-0.019"/> </g> <g id="Layer_8" display="none"> <g display="inline"> <path fill="#072B3F" d="M501.742,645.606L501.742,645.606v-9.865l0,0c-75.61,0-137.123-61.512-137.123-137.124 c0-75.61,61.513-137.124,137.123-137.124l0,0v-9.865l0,0c-81.049,0-146.988,65.939-146.988,146.988 C354.754,579.668,420.693,645.606,501.742,645.606z"/> <path fill="#072B3F" d="M374.73,498.617c0,70.036,56.979,127.013,127.012,127.013v-9.865 c-64.593,0-117.147-52.553-117.147-117.147s52.554-117.146,117.147-117.146v-9.865C431.709,371.606,374.73,428.583,374.73,498.617 z"/> <path fill="#072B3F" d="M501.36,351.63L501.36,351.63v9.864l0,0c75.61,0,137.122,61.513,137.122,137.125 c0,75.611-61.512,137.124-137.122,137.124l0,0v9.865l0,0c81.049,0,146.988-65.939,146.988-146.989 C648.349,417.568,582.409,351.63,501.36,351.63z"/> <path fill="#072B3F" d="M628.372,498.619c0-70.036-56.979-127.013-127.012-127.013v9.865c64.594,0,117.146,52.552,117.146,117.147 S565.954,615.766,501.36,615.766v9.864C571.395,625.63,628.372,568.653,628.372,498.619z"/> <g> <path fill="#072B3F" d="M394.708,498.617c0,59.021,48.016,107.035,107.035,107.035v-9.863c-53.579,0-97.169-43.592-97.169-97.172 c0-53.58,43.59-97.17,97.169-97.17v-9.865C442.724,391.583,394.708,439.599,394.708,498.617z"/> <path fill="#072B3F" d="M608.396,498.619c0-59.02-48.018-107.035-107.035-107.035v9.864c53.579,0,97.169,43.592,97.169,97.171 s-43.59,97.17-97.169,97.17v9.864C560.379,605.653,608.396,557.638,608.396,498.619z"/> </g> </g> </g> <g id="Layer_7" display="none"> </g> <g id="Layer_5" display="none"> <g display="inline"> <line fill="none" stroke="#02BCD9" stroke-width="10" stroke-miterlimit="10" x1="353.75" y1="500" x2="646.25" y2="500"/> <line fill="none" stroke="#02BCD9" stroke-width="10" stroke-miterlimit="10" x1="500" y1="353.75" x2="500" y2="646.25"/> <line fill="none" stroke="#02BCD9" stroke-width="10" stroke-miterlimit="10" x1="396.585" y1="396.585" x2="603.414" y2="603.414"/> <line fill="none" stroke="#02BCD9" stroke-width="10" stroke-miterlimit="10" x1="603.414" y1="396.586" x2="396.585" y2="603.414"/> </g> </g> <g id="Layer_4" display="none"> <g display="inline"> <line fill="none" stroke="#5C1C1F" stroke-width="10" stroke-miterlimit="10" x1="353.75" y1="500" x2="646.25" y2="500"/> <line fill="none" stroke="#5C1C1F" stroke-width="10" stroke-miterlimit="10" x1="500" y1="353.75" x2="500" y2="646.25"/> <line fill="none" stroke="#5C1C1F" stroke-width="10" stroke-miterlimit="10" x1="396.585" y1="396.585" x2="603.414" y2="603.414"/> <line fill="none" stroke="#5C1C1F" stroke-width="10" stroke-miterlimit="10" x1="603.414" y1="396.586" x2="396.585" y2="603.414"/> </g> </g> <g id="Layer_2" display="none"> <circle display="inline" fill="#FFFFFF" cx="500" cy="500" r="387"/> </g> </svg> <!-- ****** ICON-CIRCLES.SVG *************** --> <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "https://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" width="1000px" height="1000px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve"> <g id="Layer_1" display="none"> </g> <g id="Layer_3"> <circle fill="#FFFFFF" cx="500" cy="500" r="387"/> </g> <g id="Layer_9" display="none"> <rect x="351.507" y="350.097" display="inline" fill="#C157A1" width="296.985" height="296.985"/> </g> <g id="Layer_10"> </g> <g id="Layer_11" display="none"> <rect x="245.763" y="245.763" display="inline" fill="#C157A1" width="508.475" height="508.475"/> </g> <g id="Layer_12" display="none"> <line display="inline" fill="none" stroke="#F15B30" stroke-width="10" stroke-miterlimit="10" x1="350.098" y1="645.583" x2="647.083" y2="348.598"/> <line display="inline" fill="none" stroke="#F15B30" stroke-width="10" stroke-miterlimit="10" x1="350.098" y1="348.598" x2="647.083" y2="645.583"/> <line display="inline" fill="none" stroke="#F15B30" stroke-width="10" stroke-miterlimit="10" x1="498.591" y1="707.091" x2="498.591" y2="287.091"/> <line display="inline" fill="none" stroke="#F15B30" stroke-width="10" stroke-miterlimit="10" x1="288.59" y1="497.09" x2="708.59" y2="497.09"/> </g> <g id="Layer_16" display="none"> <polygon display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" points="647.083,645.583 350.098,348.598 647.083,348.598 350.098,645.583 "/> </g> <g id="Layer_13" display="none"> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.601" cy="497.091" r="210"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.601" cy="497.091" r="189"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.601" cy="497.091" r="168.21"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="497.091" r="148.025"/> <circle display="inline" fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="497.091" r="148.025"/> </g> <g id="Layer_15"> <circle fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="497.091" r="59.21"/> <circle fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="344.97" r="59.21"/> <circle fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="498.602" cy="647.206" r="59.21"/> <circle fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="348.482" cy="417.03" r="59.21"/> <circle fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="348.482" cy="569.149" r="59.21"/> <circle fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="648.717" cy="417.03" r="59.21"/> <circle fill="none" stroke="#072B3F" stroke-width="10" stroke-miterlimit="10" cx="648.717" cy="569.149" r="59.21"/> </g> <g id="Layer_14" display="none"> </g> <g id="Layer_6" display="none"> <path display="inline" fill="#C879B2" d="M999.709,1000V0.459c-273.653,2.772-494.637,225.46-494.637,499.77 C505.072,774.538,726.056,997.229,999.709,1000z"/> <path display="inline" fill="#FFFFFF" d="M1000,678.914L1000,678.914V666l0,0c-98.985,0-179.515-80.53-179.515-179.517 c0-98.986,80.529-179.516,179.515-179.516l0,0v-12.915l0,0c-106.105,0-192.431,86.325-192.431,192.431 C807.569,592.591,893.895,678.914,1000,678.914z"/> <path display="inline" fill="#FFFFFF" d="M833.722,486.483c0,91.687,74.594,166.279,166.278,166.279v-12.915 c-84.563,0-153.363-68.799-153.363-153.364S915.438,333.12,1000,333.12v-12.914C908.315,320.206,833.722,394.797,833.722,486.483z" /> <path display="inline" fill="#FFFFFF" d="M859.875,486.483c0,77.266,62.86,140.125,140.125,140.125v-12.913 c-70.144,0-127.21-57.068-127.21-127.212S929.856,359.272,1000,359.272v-12.914C922.735,346.358,859.875,409.218,859.875,486.483z" /> </g> <g id="Layer_8" display="none"> <g display="inline"> <path fill="#072B3F" d="M501.742,645.606L501.742,645.606v-9.865l0,0c-75.61,0-137.123-61.512-137.123-137.124 c0-75.61,61.513-137.124,137.123-137.124l0,0v-9.865l0,0c-81.049,0-146.988,65.939-146.988,146.988 C354.754,579.668,420.693,645.606,501.742,645.606z"/> <path fill="#072B3F" d="M374.73,498.617c0,70.036,56.979,127.013,127.012,127.013v-9.865 c-64.593,0-117.147-52.553-117.147-117.147s52.554-117.146,117.147-117.146v-9.865C431.709,371.606,374.73,428.583,374.73,498.617 z"/> <path fill="#072B3F" d="M501.36,351.63L501.36,351.63v9.864l0,0c75.61,0,137.122,61.513,137.122,137.125 c0,75.611-61.512,137.124-137.122,137.124l0,0v9.865l0,0c81.049,0,146.988-65.939,146.988-146.989 C648.349,417.568,582.409,351.63,501.36,351.63z"/> <path fill="#072B3F" d="M628.372,498.619c0-70.036-56.979-127.013-127.012-127.013v9.865c64.594,0,117.146,52.552,117.146,117.147 S565.954,615.766,501.36,615.766v9.864C571.395,625.63,628.372,568.653,628.372,498.619z"/> <g> <path fill="#072B3F" d="M394.708,498.617c0,59.021,48.016,107.035,107.035,107.035v-9.863c-53.579,0-97.169-43.592-97.169-97.172 c0-53.58,43.59-97.17,97.169-97.17v-9.865C442.724,391.583,394.708,439.599,394.708,498.617z"/> <path fill="#072B3F" d="M608.396,498.619c0-59.02-48.018-107.035-107.035-107.035v9.864c53.579,0,97.169,43.592,97.169,97.171 s-43.59,97.17-97.169,97.17v9.864C560.379,605.653,608.396,557.638,608.396,498.619z"/> </g> </g> </g> <g id="Layer_7" display="none"> </g> <g id="Layer_5" display="none"> <g display="inline"> <line fill="none" stroke="#02BCD9" stroke-width="10" stroke-miterlimit="10" x1="353.75" y1="500" x2="646.25" y2="500"/> <line fill="none" stroke="#02BCD9" stroke-width="10" stroke-miterlimit="10" x1="500" y1="353.75" x2="500" y2="646.25"/> <line fill="none" stroke="#02BCD9" stroke-width="10" stroke-miterlimit="10" x1="396.585" y1="396.585" x2="603.414" y2="603.414"/> <line fill="none" stroke="#02BCD9" stroke-width="10" stroke-miterlimit="10" x1="603.414" y1="396.586" x2="396.585" y2="603.414"/> </g> </g> <g id="Layer_4" display="none"> <g display="inline"> <line fill="none" stroke="#5C1C1F" stroke-width="10" stroke-miterlimit="10" x1="353.75" y1="500" x2="646.25" y2="500"/> <line fill="none" stroke="#5C1C1F" stroke-width="10" stroke-miterlimit="10" x1="500" y1="353.75" x2="500" y2="646.25"/> <line fill="none" stroke="#5C1C1F" stroke-width="10" stroke-miterlimit="10" x1="396.585" y1="396.585" x2="603.414" y2="603.414"/> <line fill="none" stroke="#5C1C1F" stroke-width="10" stroke-miterlimit="10" x1="603.414" y1="396.586" x2="396.585" y2="603.414"/> </g> </g> <g id="Layer_2" display="none"> <circle display="inline" fill="#FFFFFF" cx="500" cy="500" r="387"/> </g> </svg> <!-- *******END OF ICON-CIRCLES ******************* --> <!-- ********** START OF CIRCLE-WHITE.SVG ****************** --> <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "https://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" width="3000px" height="1000px" viewBox="0 0 3000 1000" enable-background="new 0 0 3000 1000" xml:space="preserve"> <rect x="-1" fill="#F15B31" width="3002" height="1000"/> <rect x="1000.006" fill="#3AC2D8" width="1000" height="1000"/> <circle fill="#FFFFFF" cx="500" cy="500" r="387"/> <circle fill="#0B2C40" cx="1500" cy="501.001" r="387"/> <circle fill="#FFFFFF" cx="2501.6" cy="500" r="387"/> <g> <path fill="#0B2C40" d="M2499.303,645.606L2499.303,645.606v-9.865l0,0c-75.609,0-137.122-61.512-137.122-137.124 c0-75.61,61.513-137.124,137.122-137.124l0,0v-9.865l0,0c-81.049,0-146.988,65.939-146.988,146.988 C2352.314,579.668,2418.254,645.606,2499.303,645.606z"/> <path fill="#0B2C40" d="M2372.291,498.617c0,70.036,56.979,127.013,127.012,127.013v-9.865 c-64.593,0-117.146-52.553-117.146-117.147s52.554-117.146,117.146-117.146v-9.865 C2429.27,371.606,2372.291,428.583,2372.291,498.617z"/> <path fill="#0B2C40" d="M2498.921,351.63L2498.921,351.63v9.864l0,0c75.61,0,137.122,61.513,137.122,137.125 c0,75.611-61.512,137.124-137.122,137.124l0,0v9.865l0,0c81.049,0,146.988-65.939,146.988-146.989 C2645.909,417.568,2579.97,351.63,2498.921,351.63z"/> <path fill="#0B2C40" d="M2625.933,498.619c0-70.036-56.979-127.013-127.012-127.013v9.865c64.594,0,117.146,52.552,117.146,117.147 s-52.553,117.147-117.146,117.147v9.864C2568.955,625.63,2625.933,568.653,2625.933,498.619z"/> <g> <path fill="#0B2C40" d="M2392.269,498.617c0,59.021,48.016,107.035,107.034,107.035v-9.863c-53.579,0-97.169-43.592-97.169-97.172 c0-53.58,43.59-97.17,97.169-97.17v-9.865C2440.284,391.583,2392.269,439.599,2392.269,498.617z"/> <path fill="#0B2C40" d="M2605.956,498.619c0-59.02-48.018-107.035-107.035-107.035v9.864c53.579,0,97.169,43.592,97.169,97.171 s-43.59,97.17-97.169,97.17v9.864C2557.939,605.653,2605.956,557.638,2605.956,498.619z"/> </g> </g> <polygon fill="none" stroke="#0B2C40" stroke-width="10" stroke-miterlimit="10" points="360,639 495,504 634.5,639 "/> <polygon fill="none" stroke="#0B2C40" stroke-width="10" stroke-miterlimit="10" points="634.5,360 495,504 360,360 "/> <g> <circle fill="none" stroke="#FFFFFF" stroke-width="10" stroke-miterlimit="10" cx="1500.489" cy="389.511" r="60.489"/> <circle fill="none" stroke="#FFFFFF" stroke-width="10" stroke-miterlimit="10" cx="1600.011" cy="495.041" r="60.489"/> <circle fill="none" stroke="#FFFFFF" stroke-width="10" stroke-miterlimit="10" cx="1396.989" cy="496.655" r="60.489"/> <circle fill="none" stroke="#FFFFFF" stroke-width="10" stroke-miterlimit="10" cx="1500.489" cy="600.489" r="60.489"/> </g> </svg>