Add icons to this collection by clicking the heart icon.
Typewriter icon - also known as technology, sheet, writing, page, writing tool, electronics, and typewriter. Created in a clean lineal color style with a white, silver, gray, black, teal, navy, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M196 264.5H7.5v-90H196Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#3d5168"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M504.5 264.5H316v-90h188.5z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#233952"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h30"
transform="translate(7.5 264.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0 16.82 151.82 135-135z"
transform="matrix(1.33333 0 0 -1.33333 332.667 230)"
fill="#fff7e8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-45 105h30c24.853 0 45-20.147 45-45V0Z"
transform="translate(384.5 264.5)"
fill="#ffd17e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-60h-287v240h137c24.853 0 45-20.147 45-45V45h60C-20.147 45 0 24.853 0 0"
transform="translate(384.5 324.5)"
fill="#ffeac3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v135l-90 15h-107l-105-15V0Z"
transform="translate(399.5 144.5)"
fill="#233952"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.568-13.432 30-30 30h-30v-180L0-90Z"
transform="translate(474.5 264.5)"
fill="#53a143"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.568-13.432 30-30 30h-105c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h60c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15h-227c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15h60c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15h-135c-16.568 0-30-13.432-30-30v-90l218.5-90L0-90Z"
transform="translate(444.5 264.5)"
fill="#60ba4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-90-76.58L0-167h30V0Z"
transform="translate(444.5 174.5)"
fill="#60ba4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-167h407v30l-45 53.5L407-30V0Z"
transform="translate(37.5 174.5)"
fill="#85cf75"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-90-49.066L0-107h30V0Z"
transform="translate(414.5 144.5)"
fill="#dfedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-107h-30l-15 15h-227l-15-15h-60V0Z"
transform="translate(414.5 144.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-15L0-30h30V0Z"
transform="translate(354.5 67.5)"
fill="#bfdcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M127.5 37.5h227v30h-227z"
fill="#dfedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-135 135"
transform="translate(401.32 356.32)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v210h137c24.853 0 45-20.147 45-45V75h90c24.853 0 45-20.147 45-45V0"
transform="translate(97.5 294.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-120l21.213 21.213A30 30 0 0 1 30-77.574V0Z"
transform="translate(7.5 429.5)"
fill="#bfdcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30"
transform="translate(97.5 144.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-107h377V0H60"
transform="translate(67.5 144.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30h257V0"
transform="translate(127.5 37.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-377c-16.568 0-30-13.432-30-30v-257H30v257C30-13.432 16.568 0 0 0Z"
transform="translate(444.5 294.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h60c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15h-227c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15h60c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15"
transform="translate(309.5 294.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 21.213 21.213A30 30 0 0 1 30 42.426V120H0v-255h497v90h-30"
transform="translate(7.5 309.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category