XSellco SVG animated logo

Developer
Size
4,358 Kb
Views
16,192

How do I make an xsellco svg animated logo?

What is a xsellco svg animated logo? How do you make a xsellco svg animated logo? This script and codes were developed by Nick Nikolov on 17 October 2022, Monday.

XSellco SVG animated logo Previews

XSellco SVG animated logo - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>XSellco SVG animated logo</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import url(https://fonts.googleapis.com/css?family=Abel);
body { background: #333; padding: 50px; color: #fff;
}
.link { color: inherit; text-decoration: none; font-size: 1.5em; font-family: "Abel";
}
.text-center { text-align: center;
}
#xsellcosvg { display: block; margin: 0 auto; width: 300px; margin-bottom: 15px;
}
#xsellco1 { fill: #2cbae7; stroke: #2cbae7;
}
#xsellco2 { fill: #ffffff; stroke: #ffffff;
}
#xsellco2,
#xsellco1 { stroke-width: 0; animation: load 3s linear;
}
@keyframes load { 0% { stroke-width: 1pt; stroke-dashoffset: 1200; fill-opacity: 0; } 50% { fill-opacity: 0; } 100% { stroke-dashoffset: 0; fill-opacity: 1; stroke-width: 1pt; }
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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" version="1.1" width="100%" height="100%"
id="xsellcosvg" preserveAspectRatio="xMinYMin meet" viewBox="0 0 610.49023 147.812"> <path d="M 54.600005,64.78913 86.387505,11.68413 108.63876,11.68413 65.445005,79.18663 109.57376,147.81163 87.602505,147.81163 54.973755,93.77163 22.25125,147.81162 0,147.81162 44.128755,79.18663 0.93375,11.68413 22.99875,11.68413 54.600005,64.78913 z" id="xsellco1" stroke-dasharray="1200 1000" /> <path d="M 336.1875,0 336.1875,145.84375 354.625,145.84375 354.625,0 336.1875,0 z M 381.5625,0 381.5625,145.84375 400,145.84375 400,0 381.5625,0 z M 166.5625,7.75 C 152.725,7.75 141.445,11.315 132.75,18.4375 124.055,25.56 119.71875,34.4425 119.71875,45.0625 119.71875,55.18375 123.74,63.59625 131.8125,70.28125 139.88375,76.9675 151.13375,82.0025 165.53125,85.4375 177.4375,88.29 185.7,91.81875 190.375,96 195.04875,100.185 197.40625,105.3675 197.40625,111.5625 197.40625,118.255 194.70375,123.5675 189.28125,127.46875 183.85876,131.37375 176.50625,133.3125 167.21875,133.3125 157.74251,133.3125 149.7925,131.05 143.375,126.5 136.95501,121.95125 133.71875,115.3225 133.71875,106.59375 L 116.15625,106.59375 115.96875,107.15625 C 115.655,119.4975 120.715,129.3325 131.15625,136.71875 141.595,144.105 153.63,147.8125 167.21875,147.8125 181.67751,147.8125 193.36751,144.4825 202.34375,137.8125 211.31875,131.14375 215.8125,122.315 215.8125,111.34375 215.8125,101.12125 212.07249,92.54375 204.59375,85.625 197.11375,78.7075 186.21,73.49 171.875,69.9375 159.9675,66.94625 151.35875,63.46 146.0625,59.5 140.76376,55.5425 138.125,50.61 138.125,44.6875 138.125,38.01875 140.57374,32.615 145.46875,28.46875 150.36,24.325 157.39875,22.25 166.5625,22.25 176.40875,22.25 183.95,24.70125 189.21875,29.625 194.485,34.54875 197.125,41.02125 197.125,49 L 214.6875,49 214.875,48.4375 C 215.1875,37.65375 210.945,28.165 202.125,20 193.305,11.835 181.45875,7.75 166.5625,7.75 z M 275.5,42.8125 C 263.78125,42.8125 253.63125,47.58875 245.0625,57.15625 236.4925,66.725 232.21875,78.7275 232.21875,93.125 L 232.21875,97.21875 C 232.21875,112.1775 236.3675,124.36875 244.6875,133.75 253.00876,143.13 264.22624,147.8125 278.3125,147.8125 286.72624,147.8125 293.89001,146.63375 299.8125,144.25 305.73376,141.86625 310.4775,138.85875 314.09375,135.28125 L 306.90625,123.3125 C 303.47749,126.43 299.425,128.88 294.71875,130.65625 290.01126,132.43375 284.54375,133.3125 278.3125,133.3125 269.77124,133.3125 263.11125,130.18375 258.375,123.9375 253.63875,117.69125 251.1875,109.72875 251,100.03125 L 251.28125,99.5625 316.90625,99.5625 316.90625,88.0625 C 316.90625,74.35125 313.4175,63.3825 306.4375,55.15625 299.45625,46.92875 289.15,42.8125 275.5,42.8125 z M 466.59375,42.8125 C 451.9475,42.8125 440.695,47.62125 432.875,57.25 425.0525,66.88 421.15625,78.91375 421.15625,93.3125 L 421.15625,97.21875 C 421.15625,111.745 425.02125,123.81 432.8125,133.40625 440.60375,143.005 451.8825,147.8125 466.59375,147.8125 477.3125,147.8125 486.70875,144.41875 494.78125,137.625 502.8525,130.8325 506.71875,123.0725 506.40625,114.34375 L 506.21875,113.78125 489.6875,113.78125 C 489.6875,119.26625 487.36,123.88625 482.71875,127.65625 478.07625,131.42875 472.7025,133.3125 466.59375,133.3125 456.87125,133.3125 449.92625,129.88 445.8125,123 441.6975,116.1225 439.65625,107.52125 439.65625,97.1875 L 439.65625,93.25 C 439.65625,83.16375 441.7275,74.66125 445.875,67.71875 450.02,60.77875 456.9325,57.3125 466.59375,57.3125 473.26375,57.3125 478.7625,59.48 483.125,63.8125 487.4875,68.14625 489.6875,73.3925 489.6875,79.5625 L 506.3125,79.5625 506.5,79 C 506.7475,68.8425 503.10375,60.26375 495.59375,53.28125 488.08125,46.30375 478.43625,42.8125 466.59375,42.8125 z M 565.0625,42.8125 C 551.16125,42.8125 540.16376,47.65375 532.0625,57.34375 523.96,67.03625 519.90625,79.38375 519.90625,94.34375 L 519.90625,96.40625 C 519.90625,111.4275 523.96125,123.745 532.09375,133.375 540.2275,143.00375 551.2875,147.8125 565.25,147.8125 579.2125,147.8125 590.24,143.005 598.34375,133.40625 606.44375,123.81 610.5,111.49125 610.5,96.40625 L 610.5,94.34375 C 610.5,79.3225 606.41625,66.97375 598.28125,57.3125 590.14875,47.65125 579.08375,42.8125 565.0625,42.8125 z M 275.5,57.3125 C 283.10376,57.3125 288.82125,59.74875 292.6875,64.59375 296.5525,69.43875 298.5,75.45125 298.5,82.65625 L 298.5,85.0625 251.84375,85.0625 251.65625,84.625 C 252.6525,76.79875 255.32374,70.28125 259.6875,65.09375 264.04874,59.90875 269.32875,57.3125 275.5,57.3125 z M 565.0625,57.3125 C 573.91125,57.3125 580.605,60.84 585.1875,67.875 589.7675,74.91 592.0625,83.7 592.0625,94.28125 L 592.0625,96.34375 C 592.0625,107.0525 589.8,115.905 585.25,122.875 580.7,129.8475 574.03875,133.3125 565.25,133.3125 556.33625,133.3125 549.61375,129.8475 545.09375,122.875 540.57375,115.905 538.3125,107.0525 538.3125,96.34375 L 538.3125,94.28125 C 538.3125,83.7 540.57375,74.91 545.09375,67.875 549.61375,60.84 556.2725,57.3125 565.0625,57.3125 z" id="xsellco2" stroke-dasharray="1200 1000" />
</svg>
<div class="text-center"> <a class="link" href="http://www.xsellco.com">Turn negative feedback into positive reviews</a>
</div>
</body>
</html>

XSellco SVG animated logo - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Abel);
body { background: #333; padding: 50px; color: #fff;
}
.link { color: inherit; text-decoration: none; font-size: 1.5em; font-family: "Abel";
}
.text-center { text-align: center;
}
#xsellcosvg { display: block; margin: 0 auto; width: 300px; margin-bottom: 15px;
}
#xsellco1 { fill: #2cbae7; stroke: #2cbae7;
}
#xsellco2 { fill: #ffffff; stroke: #ffffff;
}
#xsellco2,
#xsellco1 { stroke-width: 0; animation: load 3s linear;
}
@keyframes load { 0% { stroke-width: 1pt; stroke-dashoffset: 1200; fill-opacity: 0; } 50% { fill-opacity: 0; } 100% { stroke-dashoffset: 0; fill-opacity: 1; stroke-width: 1pt; }
}
XSellco SVG animated logo - Script Codes
XSellco SVG animated logo - Script Codes
Home Page Home
Developer Nick Nikolov
Username necks
Uploaded October 17, 2022
Rating 3
Size 4,358 Kb
Views 16,192
Do you need developer help for XSellco SVG animated logo?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Nick Nikolov (necks) Script Codes
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!