Scaled Paper icon

Scaling paper icon What is a scaled paper icon How do you make a scaled paper icon? This script and codes were developed by Benedikte Vanderweeën on 27 March 2022, Sunday.

How do I make an scaled paper icon?
  1. Scaled Paper icon Previews
  2. Scaled Paper icon HTML Codes
  3. Scaled Paper icon CSS Codes
Scaled Paper icon Previews

Scaled Paper icon HTML Codes

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Scaled Paper icon</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 526.6 165.7" preserveAspectRatio="xMinYMin meet">
  <g>
    <line class="dashed-stroke-01" x1="425.1" y1="164.7" x2="30.9" y2="142.6"/>
    <g>
      <g>
        <line class="dashed-stroke-02" x1="413.8" y1="6.9" x2="410.9" y2="7.5"/>
        <line class="dashed-stroke-02" x1="405.1" y1="8.7" x2="36.7" y2="81.7"/>
        <line class="dashed-stroke-02" x1="33.8" y1="82.3" x2="30.9" y2="82.9"/>
      </g>
    </g>
    <circle class="fill-opac" cx="30.9" cy="112.8" r="29.9"/>
    <circle class="fill-opac" cx="443.7" cy="82.9" r="81.9"/>
    <g>
      <path class="colored-paper" d="M488 43.5l-16.2-15.9c-1.2-1.1-2.7-1.8-4.3-1.8 0 0 0 0 0 0h-63.9c-3.4 0-6.2 2.8-6.2 6.2v103.1c0 3.4 2.8 6.2 6.2 6.2h80.1c3.4 0 6.2-2.8 6.2-6.2V47.9C489.9 46.3 489.2 44.7 488 43.5zM483.5 45.6h-13.6l0-13.5L483.5 45.6zM483.7 136.6h-80.1c-0.8 0-1.5-0.7-1.5-1.5V32c0-0.8 0.7-1.5 1.5-1.5h61.6l0 17.5c0 1.3 1 2.3 2.3 2.3h17.7v84.8C485.2 135.9 484.5 136.6 483.7 136.6z"/>
      <g>
        <path class="colored-paper" d="M419.4 68.8c0 0.8 0.6 1.4 1.4 1.4l2.9 0c1.9 0 1.9-2.8 0-2.8C421.6 67.4 419.4 66.9 419.4 68.8z"/>
        <path class="colored-paper" d="M450.5 69.6c0.7-1 0-2.2-1.2-2.2 0-4.9 0.9-3.9-10.1-3.9 -0.8 0-1.4 0.7-1.4 1.4l0 2.5c-1 0.1-1.7 1.2-1 2.2 -10.7 2.7-18.9 11.6-20.6 22.6 -5.7 0-4.6-1.1-4.6 10.1 0 0.8 0.6 1.4 1.4 1.4l8.7 0c0.8 0 1.4-0.6 1.4-1.4l0-8.7c0-0.4-0.2-0.7-0.4-1 -0.3-0.3-0.6-0.4-1-0.4h-2.6c1.7-9.8 9.1-17.6 18.7-19.9v1.3c0 0.8 0.6 1.4 1.4 1.4 10.3 0 10.1 0.7 10.1-2.7 9.6 2.3 17 10.1 18.7 19.9 -4.9 0-3.9-1-3.9 10.1 0 0.8 0.6 1.4 1.4 1.4l8.7 0c0.4 0 0.7-0.2 1-0.4 0.3-0.3 0.4-0.6 0.4-1 0-11.3 1.1-10.1-4.7-10.1C469.3 81.2 461.1 72.4 450.5 69.6zM420.3 100.8l-5.8 0V95l5.8 0L420.3 100.8zM446.5 72.1l-5.8 0 0-5.8 5.8 0L446.5 72.1zM472.8 100.8l-5.8 0 0-5.8 5.8 0L472.8 100.8z"/>
        <path class="colored-paper" d="M453.7 68.8c0 0.8 0.6 1.4 1.4 1.4h2.9c0.4 0 0.7-0.2 1-0.4 0.9-0.9 0.3-2.4-1-2.4C455.9 67.4 453.7 66.9 453.7 68.8z"/>
        <path class="colored-paper" d="M432.3 70.2c1.9 0 1.9-2.8 0-2.8l-2.9 0c-1.9 0-1.9 2.8 0 2.8H432.3z"/>
        <path class="colored-paper" d="M466.5 67.4c-2 0-4.3-0.4-4.3 1.4 0 0.8 0.6 1.4 1.4 1.4h2.9C468.4 70.2 468.4 67.4 466.5 67.4z"/>
        <path class="colored-paper" d="M418 71.6c1.8 0 1.4-2.3 1.4-4.2 0-0.8-0.6-1.4-1.4-1.4 -1.8 0-4.2-0.4-4.2 1.4C413.8 72 413.5 71.6 418 71.6z"/>
        <path class="colored-paper" d="M472.4 66c-4.6 0-4.2-0.2-4.2 4.2 0 1.8 2.3 1.4 4.2 1.4 1.8 0 1.4-2.3 1.4-4.2C473.9 66.7 473.2 66 472.4 66z"/>
      </g>
    </g>
    <g>
      <path class="colored-paper" d="M45.7 99.9l-5.4-5.3c-0.4-0.4-0.9-0.6-1.4-0.6 0 0 0 0 0 0H17.5c-1.1 0-2.1 0.9-2.1 2.1v34.4c0 1.1 0.9 2.1 2.1 2.1h26.7c1.1 0 2.1-0.9 2.1-2.1v-29C46.3 100.8 46.1 100.2 45.7 99.9zM44.2 100.5h-4.5l0-4.5L44.2 100.5zM44.2 130.9H17.5c-0.3 0-0.5-0.2-0.5-0.5V96c0-0.3 0.2-0.5 0.5-0.5h20.5l0 5.8c0 0.4 0.3 0.8 0.8 0.8h5.9v28.3C44.7 130.7 44.5 130.9 44.2 130.9z"/>
      <g>
        <path class="colored-paper" d="M22.8 108.3c0 0.3 0.2 0.5 0.5 0.5l1 0c0.6 0 0.6-0.9 0-0.9C23.5 107.8 22.8 107.7 22.8 108.3z"/>
        <path class="colored-paper" d="M33.2 108.6c0.2-0.3 0-0.7-0.4-0.7 0-1.6 0.3-1.3-3.4-1.3 -0.3 0-0.5 0.2-0.5 0.5l0 0.8c-0.3 0-0.6 0.4-0.3 0.7 -3.6 0.9-6.3 3.9-6.9 7.5 -1.9 0-1.5-0.4-1.5 3.4 0 0.3 0.2 0.5 0.5 0.5l2.9 0c0.3 0 0.5-0.2 0.5-0.5l0-2.9c0-0.1-0.1-0.2-0.1-0.3 -0.1-0.1-0.2-0.1-0.3-0.1h-0.9c0.6-3.3 3-5.9 6.2-6.6v0.4c0 0.3 0.2 0.5 0.5 0.5 3.4 0 3.4 0.2 3.4-0.9 3.2 0.8 5.7 3.4 6.2 6.6 -1.6 0-1.3-0.3-1.3 3.4 0 0.3 0.2 0.5 0.5 0.5l2.9 0c0.1 0 0.2-0.1 0.3-0.1 0.1-0.1 0.1-0.2 0.1-0.3 0-3.8 0.4-3.4-1.6-3.4C39.4 112.4 36.7 109.5 33.2 108.6zM23.1 119l-1.9 0V117l1.9 0L23.1 119zM31.8 109.4l-1.9 0 0-1.9 1.9 0L31.8 109.4zM40.6 119l-1.9 0 0-1.9 1.9 0L40.6 119z"/>
        <path class="colored-paper" d="M34.2 108.3c0 0.3 0.2 0.5 0.5 0.5h1c0.1 0 0.2-0.1 0.3-0.1 0.3-0.3 0.1-0.8-0.3-0.8C35 107.8 34.2 107.7 34.2 108.3z"/>
        <path class="colored-paper" d="M27.1 108.8c0.6 0 0.6-0.9 0-0.9l-1 0c-0.6 0-0.6 0.9 0 0.9H27.1z"/>
        <path class="colored-paper" d="M38.5 107.8c-0.7 0-1.4-0.1-1.4 0.5 0 0.3 0.2 0.5 0.5 0.5h1C39.1 108.8 39.1 107.8 38.5 107.8z"/>
        <path class="colored-paper" d="M22.3 109.2c0.6 0 0.5-0.8 0.5-1.4 0-0.3-0.2-0.5-0.5-0.5 -0.6 0-1.4-0.1-1.4 0.5C20.9 109.3 20.8 109.2 22.3 109.2z"/>
        <path class="colored-paper" d="M40.5 107.4c-1.5 0-1.4-0.1-1.4 1.4 0 0.6 0.8 0.5 1.4 0.5 0.6 0 0.5-0.8 0.5-1.4C40.9 107.6 40.7 107.4 40.5 107.4z"/>
      </g>
    </g>
  </g>
</svg>
  
  
</body>
</html>

Scaled Paper icon CSS Codes

body{background:#ffdb4c;}
.dashed-stroke-01{
	fill:none;
	stroke:#FFFFFF;
	stroke-width:2;
	stroke-miterlimit:10;
	stroke-dasharray:6;
}

.dashed-stroke-02{
	fill:none;
	stroke:#FFFFFF;
	stroke-width:2;
	stroke-miterlimit:10;
	stroke-dasharray:5.9139,5.9139;
}
.fill-opac{
	fill:#FFFFFF;
	fill-opacity:0.5;
	stroke:#FFFFFF;
	stroke-width:2;
	stroke-miterlimit:10;
	}
.overlay{
	fill-opacity:0.5;
}
.colored-paper{
	fill:#5856D6;
}
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.