Svg penguin

What is a svg penguin How do you make a svg penguin? This script and codes were developed by Massimo on 21 November 2021, Sunday.

How do I make an svg penguin?
  1. Svg penguin Previews
  2. Svg penguin HTML Codes
  3. Svg penguin CSS Codes
Svg penguin Previews

Svg penguin 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 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);
}
Do you want hide your ip address?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.