Add icons to this collection by clicking the heart icon.
Typewriter icon - also known as technology, education, sheet, writing, page, Tools and utensils, writing tool, and typewriter. Created in a clean lineal color style with a white, gray, black, teal, 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="M357.25 285.25h66.5v120h-66.5zM153.25 285.25h-65v120h65z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#2d4853"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-107-218.5H30V0Z"
transform="matrix(1.33333 0 0 -1.33333 485 11)"
fill="#ffedbe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M118.25 285.25h245.5v218.5h-245.5z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fff"
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 0v188.5h-275.5V0"
transform="translate(393.75 315.25)"
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 0h-30v-90"
transform="matrix(1.33333 0 0 -1.33333 157.667 142.333)"
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 0h275.5"
transform="matrix(1.33333 0 0 -1.33333 157.667 202.333)"
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 0h30v-90"
transform="matrix(1.33333 0 0 -1.33333 525 142.333)"
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-30h-30l-30 60Z"
transform="matrix(1.33333 0 0 -1.33333 672.667 631.667)"
fill="#5c8996"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120h-467v30z"
transform="matrix(1.33333 0 0 -1.33333 632.667 511.667)"
fill="#73a9b8"
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 0h-30v-180l60 60v90C30-13.5 16.5 0 0 0"
transform="translate(474.5 315.25)"
fill="#0583b2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-150l-467 60V0c0 16.5 13.5 30 30 30h140.75l77.75-60 77.75 60H-30C-13.5 30 0 16.5 0 0"
transform="translate(474.5 285.25)"
fill="#07adcc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-56.18 42.3h-155.5l-50.39-43.38c-18.65-16.01-7.35-46.62 17.22-46.62h228.98C9.55-47.7 20.34-15.28 0 0"
transform="translate(389.93 272.95)"
fill="#16262d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-157h-30l-40 78.5L-30 0Z"
transform="translate(504.5 195.25)"
fill="#09d7e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M474.5 38.25H7.5v157h467z"
fill="#5ae6ef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-40-48.221L0-97h30V0Z"
transform="translate(444.5 165.25)"
fill="#16262d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-97h90l128.5 15L347-97h60V0Z"
transform="translate(37.5 165.25)"
fill="#2d4853"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M127.5 68.25h257v30h-257z"
fill="#5c8996"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-68.5l30 30V0Z"
transform="translate(58.25 503.75)"
fill="#73a9b8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-437c-16.5 0-30-13.5-30-30v-277H30v277C30-13.5 16.5 0 0 0Z"
transform="translate(474.5 315.25)"
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-50.391-43.38C-69.04-59.391-57.736-90-33.174-90H195.81c25.424 0 36.213 32.42 15.874 47.7L155.5 0"
transform="translate(178.25 315.25)"
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 0h497"
transform="translate(7.5 38.25)"
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-437"
transform="translate(444.5 195.25)"
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-30"
transform="translate(504.5 195.25)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M37.5 165.25h437v-97h-437z"
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 68.25)"
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 0v158.5h30V120L0 90"
transform="translate(58.25 345.25)"
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