Svg penguin
How do I make an svg penguin?
What is a svg penguin? How do you make a svg penguin? This script and codes were developed by Massimo on 17 September 2022, Saturday.
Svg penguin - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>svg penguin</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <svg version="1.1" viewBox="0 0 290 400"> <defs> <filter id="edge-cleaner" color-interpolation-filters="sRGB"> <feComponentTransfer> <feFuncA type="table" tableValues="0 0.5 1 1" /> </feComponentTransfer> </filter> </defs> <g> <polygon fill="#1D2343" points="94.145,357.406 105.418,339.588 130.097,357.531 " /> <polygon fill="#1D2343" points="148.135,357.531 172.939,339.463 184.213,357.531 "/> <polygon fill="#5897CE" points="148.135,357.531 172.939,339.463 139.116,303.326 105.418,339.588 130.097,357.531 "/> <polygon fill="#A5CCEB" points="94.145,357.406 69.216,325.912 105.418,339.588 "/> <polygon fill="#A5CCEB" points="184.213,357.531 209.017,325.912 172.939,339.463 "/> <polygon fill="#7CB9E1" points="105.418,339.588 69.216,325.912 62.451,276.224 139.116,303.326 "/> <polygon fill="#7CB9E1" points="172.939,339.463 209.017,325.912 215.781,276.224 139.116,303.326 "/> <polygon fill="#93CAEA" points="139.116,303.326 62.451,276.224 73.726,192.657 204.507,192.657 215.781,276.224 "/> <polygon fill="#90C1E2" points="71.471,206.208 39.903,219.759 73.726,192.657 "/> <polygon fill="#A6D6ED" points="51.177,215.242 64.706,260.414 71.471,206.208 "/> <polygon fill="#D9EFFA" points="51.177,215.242 39.903,280.741 69.216,325.912 62.451,276.224 64.706,260.414 "/> <polygon fill="#B9DBEE" points="73.726,192.657 44.413,192.657 39.903,219.759 "/> <polygon fill="#DFF1F7" points="44.413,192.657 19.609,219.759 39.903,219.759 "/> <polygon fill="#90C1E2" points="206.762,206.208 238.329,219.759 204.507,192.657 "/> <polygon fill="#A6D6ED" points="227.056,215.242 213.526,260.414 206.762,206.208 "/> <polygon fill="#D9EFFA" points="227.056,215.242 238.329,280.741 209.017,325.912 215.781,276.224 213.526,260.414 "/> <polygon fill="#B9DBEE" points="204.507,192.657 233.819,192.657 238.329,219.759 "/> <polygon fill="#DFF1F7" points="233.819,192.657 258.623,219.759 238.329,219.759 "/> <polygon fill="#CAE7F7" points="39.903,219.759 17.354,249.121 19.609,219.759 "/> <polygon fill="#DAF0FC" points="19.609,219.759 6.08,249.121 17.354,249.121 "/> <polygon fill="#CAE7F7" points="239.081,219.759 260.878,249.121 258.698,219.759 "/> <polygon fill="#DAF0FC" points="258.172,219.759 272.152,249.121 260.502,249.121 "/> <polygon fill="#B6E0F4" points="73.274,192.657 120.626,122.642 156.704,122.642 204.056,192.657 "/> <polygon fill="#DFF1F8" points="43.961,192.657 66.961,149.744 73.274,192.657 "/> <polygon fill="#C7E7F6" points="120.626,122.642 66.961,149.744 73.274,192.657 "/> <polygon fill="#DFF1F8" points="233.369,192.657 210.37,149.744 204.056,192.657 "/> <polygon fill="#C7E7F6" points="156.591,122.642 210.257,149.744 203.943,192.657 "/> <polygon fill="#E7F4FA" points="66.961,149.744 75.98,104.573 120.626,122.642 "/> <polygon fill="#E7F4FA" points="210.558,149.744 201.487,104.322 156.591,122.491 "/> <polygon fill="#498BBD" points="120.626,122.642 123.103,118.375 155.339,118.375 157.154,122.642 "/> <polygon fill="#B6E0F4" points="123.103,118.375 139.116,106.079 155.339,118.375 "/> <polygon fill="#1E2143" points="139.116,106.079 162.354,93.782 139.22,69.691 116.505,93.28 "/> <polygon fill="#9ED0EB" points="75.98,104.573 82.432,99.805 123.103,118.375 120.626,122.642 "/> <polygon fill="#9ED0EB" points="201.771,104.573 195.32,99.805 154.649,118.375 157.126,122.642 "/> <polygon fill="#E4F1F7" points="82.432,99.805 82.432,84.246 116.505,93.28 139.116,106.079 123.103,118.375 "/> <polygon fill="#E4F1F7" points="195.35,99.805 195.35,84.246 161.276,93.28 138.665,106.079 154.679,118.375 "/> <polygon fill="#1E2342" points="82.432,98.801 75.98,84.246 82.432,84.246 "/> <polygon fill="#CCE4EE" points="75.98,104.573 82.432,99.805 75.98,84.246 "/> <polygon fill="#1E2342" points="195.35,98.801 201.801,84.246 195.35,84.246 "/> <polygon fill="#CCE4EE" points="201.801,104.573 195.35,99.805 201.801,84.246 "/> <polygon fill="#203A73" points="139.22,73.958 139.429,50.715 105.732,65.698 121.7,87.885 "/> <polygon fill="#203A73" points="139.324,73.958 139.116,50.715 172.813,65.698 156.845,87.885 "/> <polygon fill="#F8FAF9" points="116.505,93.28 121.7,87.885 105.732,65.698 87.443,48.36 75.98,61.409 82.432,84.246 "/> <polygon fill="#F8FAF9" points="161.787,93.28 156.591,87.885 172.561,65.698 190.85,48.36 202.312,61.409 195.86,84.246 "/> <polygon fill="#355C9E" points="75.98,61.409 75.98,84.246 82.432,84.246 "/> <polygon fill="#355C9E" points="202.312,61.409 201.801,84.246 195.86,84.246 "/> <polygon fill="#284093" points="75.98,61.409 78.172,43.759 87.443,48.36 "/> <polygon fill="#284093" points="202.312,61.409 200.119,43.759 190.85,48.36 "/> <polygon fill="#1E2143" points="78.172,43.759 118.927,11.972 159.347,11.972 200.119,43.759 190.85,48.36 172.561,65.698 139.116,50.715 105.732,65.698 87.443,48.36 "/> <ellipse fill="#010202" cx="102.224" cy="75.463" rx="5.011" ry="5.019"/> <ellipse fill="#010202"cx="175.693" cy="75.463" rx="5.011" ry="5.019"/> <polygon fill="#4A81C2" points="139.429,97.296 147.071,87.885 139.429,81.987 131.287,87.885 "/> </g>
</svg>
</body>
</html>
Svg penguin - Script Codes CSS Codes
body { overflow: hidden; background: #009688;
}
body svg { position: absolute; width: 100%; height: 100%;
}
body svg g { -webkit-filter: url(#edge-cleaner); filter: url(#edge-cleaner);
}

Developer | Massimo |
Username | _massimo |
Uploaded | September 17, 2022 |
Rating | 4.5 |
Size | 2,990 Kb |
Views | 167,909 |
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!
Name | Size |
Page Not Found | 3,710 Kb |
ASCII art | 2,756 Kb |
Cat loader | 3,899 Kb |
Spinner | 3,072 Kb |
Upside down cat | 5,464 Kb |
Spinner | 3,826 Kb |
Pathfinder | 5,360 Kb |
Record button | 4,905 Kb |
Css tabs | 3,169 Kb |
Css carousel | 2,977 Kb |
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!
Name | Username | Size |
Minimal Material Design Form Input | Koenigsegg1 | 3,076 Kb |
Codero Sitemap | S1m0ne | 28,169 Kb |
Improved Page Flipping Effect | Usaphp | 5,201 Kb |
Find The Penguin | Lelder | 2,212 Kb |
Weather App | OmranAbazid | 2,596 Kb |
Elon Musk - Tribute Page - FreeCodeCamp | Yunnimun | 8,615 Kb |
Foundation 5 Menu - Accessibility | Xporter | 1,999 Kb |
Project Euler Problem 17 | Bfillmer | 2,739 Kb |
Side Sliding Menu CSS | EduardL | 4,388 Kb |
Css3 loader | Clknap | 2,391 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!