Svg penguin

Developer
Size
2,990 Kb
Views
167,992

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 Previews

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);
}
Svg penguin - Script Codes
Svg penguin - Script Codes
Home Page Home
Developer Massimo
Username _massimo
Uploaded September 17, 2022
Rating 4.5
Size 2,990 Kb
Views 167,992
Do you need developer help for Svg penguin?

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!

Massimo (_massimo) Script Codes
Create amazing video scripts 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!