caterpillar logo
caterpillar from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- caterpillar
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the caterpillar logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.901 11.554l.802-4.1l.798 4.1zm2.869-6.52h-4.15L8.2 15.884l4.503-3.635l4.695 3.934zm-2.067 8.156l-7.509 6.072H19.95zM24 5.02v2.77h-2.066v11.45h-.882l-2.436-2.04V7.79h-2.057V5.02zM6.872 16.864c.548-.458.642-1.024.642-1.532V13.2h-2.98v2.894a.75.75 0 0 1-.748.751c-.414 0-.722-.336-.722-.75V7.893c0-.414.308-.75.722-.75a.75.75 0 0 1 .749.75v2.913H7.51V7.785c0-1.67-1.092-3.044-3.75-3.047c-2.728 0-3.76 1.38-3.76 3.05v8.563c0 1.655 1.314 2.907 2.995 2.907h.922Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsCaterpillar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.901 11.554l.802-4.1l.798 4.1zm2.869-6.52h-4.15L8.2 15.884l4.503-3.635l4.695 3.934zm-2.067 8.156l-7.509 6.072H19.95zM24 5.02v2.77h-2.066v11.45h-.882l-2.436-2.04V7.79h-2.057V5.02zM6.872 16.864c.548-.458.642-1.024.642-1.532V13.2h-2.98v2.894a.75.75 0 0 1-.748.751c-.414 0-.722-.336-.722-.75V7.893c0-.414.308-.75.722-.75a.75.75 0 0 1 .749.75v2.913H7.51V7.785c0-1.67-1.092-3.044-3.75-3.047c-2.728 0-3.76 1.38-3.76 3.05v8.563c0 1.655 1.314 2.907 2.995 2.907h.922Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.901 11.554l.802-4.1l.798 4.1zm2.869-6.52h-4.15L8.2 15.884l4.503-3.635l4.695 3.934zm-2.067 8.156l-7.509 6.072H19.95zM24 5.02v2.77h-2.066v11.45h-.882l-2.436-2.04V7.79h-2.057V5.02zM6.872 16.864c.548-.458.642-1.024.642-1.532V13.2h-2.98v2.894a.75.75 0 0 1-.748.751c-.414 0-.722-.336-.722-.75V7.893c0-.414.308-.75.722-.75a.75.75 0 0 1 .749.75v2.913H7.51V7.785c0-1.67-1.092-3.044-3.75-3.047c-2.728 0-3.76 1.38-3.76 3.05v8.563c0 1.655 1.314 2.907 2.995 2.907h.922Z"/></svg> </template>
CSS
.icon-caterpillar {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.901%2011.554l.802-4.1l.798%204.1zm2.869-6.52h-4.15L8.2%2015.884l4.503-3.635l4.695%203.934zm-2.067%208.156l-7.509%206.072H19.95zM24%205.02v2.77h-2.066v11.45h-.882l-2.436-2.04V7.79h-2.057V5.02zM6.872%2016.864c.548-.458.642-1.024.642-1.532V13.2h-2.98v2.894a.75.75%200%200%201-.748.751c-.414%200-.722-.336-.722-.75V7.893c0-.414.308-.75.722-.75a.75.75%200%200%201%20.749.75v2.913H7.51V7.785c0-1.67-1.092-3.044-3.75-3.047c-2.728%200-3.76%201.38-3.76%203.05v8.563c0%201.655%201.314%202.907%202.995%202.907h.922Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.901%2011.554l.802-4.1l.798%204.1zm2.869-6.52h-4.15L8.2%2015.884l4.503-3.635l4.695%203.934zm-2.067%208.156l-7.509%206.072H19.95zM24%205.02v2.77h-2.066v11.45h-.882l-2.436-2.04V7.79h-2.057V5.02zM6.872%2016.864c.548-.458.642-1.024.642-1.532V13.2h-2.98v2.894a.75.75%200%200%201-.748.751c-.414%200-.722-.336-.722-.75V7.893c0-.414.308-.75.722-.75a.75.75%200%200%201%20.749.75v2.913H7.51V7.785c0-1.67-1.092-3.044-3.75-3.047c-2.728%200-3.76%201.38-3.76%203.05v8.563c0%201.655%201.314%202.907%202.995%202.907h.922Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/caterpillar.svg?color=%231a73e8&size=48
