basecamp logo
basecamp from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- basecamp
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the basecamp logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.652 22.453c-4.033 0-7.575-1.554-10.244-4.495a1.11 1.11 0 0 1-.22-1.133c.701-1.889 2.594-6.281 5.021-6.295h.013c1.219 0 2.13.965 2.864 1.741c.22.232.555.587.782.761c.566-.559 1.678-2.416 2.542-4.278a1.112 1.112 0 0 1 2.017.936c-2.621 5.65-4.019 5.65-4.478 5.65c-1.022 0-1.762-.784-2.479-1.542c-.32-.339-.988-1.045-1.248-1.045c-.567.095-1.809 2.053-2.697 4.204c2.193 2.172 4.923 3.272 8.127 3.272c4.395 0 7.683-1.196 9.1-3.295c-.49-5.585-3.565-13.163-9.1-13.163c-4.686 0-8.216 3.264-10.492 9.7a1.112 1.112 0 0 1-2.096-.74C2.688 5.308 6.923 1.546 12.652 1.546c7.482 0 10.93 9.561 11.345 15.588a1.1 1.1 0 0 1-.145.631c-1.74 3.023-5.718 4.687-11.2 4.687Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsBasecamp(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="M12.652 22.453c-4.033 0-7.575-1.554-10.244-4.495a1.11 1.11 0 0 1-.22-1.133c.701-1.889 2.594-6.281 5.021-6.295h.013c1.219 0 2.13.965 2.864 1.741c.22.232.555.587.782.761c.566-.559 1.678-2.416 2.542-4.278a1.112 1.112 0 0 1 2.017.936c-2.621 5.65-4.019 5.65-4.478 5.65c-1.022 0-1.762-.784-2.479-1.542c-.32-.339-.988-1.045-1.248-1.045c-.567.095-1.809 2.053-2.697 4.204c2.193 2.172 4.923 3.272 8.127 3.272c4.395 0 7.683-1.196 9.1-3.295c-.49-5.585-3.565-13.163-9.1-13.163c-4.686 0-8.216 3.264-10.492 9.7a1.112 1.112 0 0 1-2.096-.74C2.688 5.308 6.923 1.546 12.652 1.546c7.482 0 10.93 9.561 11.345 15.588a1.1 1.1 0 0 1-.145.631c-1.74 3.023-5.718 4.687-11.2 4.687Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.652 22.453c-4.033 0-7.575-1.554-10.244-4.495a1.11 1.11 0 0 1-.22-1.133c.701-1.889 2.594-6.281 5.021-6.295h.013c1.219 0 2.13.965 2.864 1.741c.22.232.555.587.782.761c.566-.559 1.678-2.416 2.542-4.278a1.112 1.112 0 0 1 2.017.936c-2.621 5.65-4.019 5.65-4.478 5.65c-1.022 0-1.762-.784-2.479-1.542c-.32-.339-.988-1.045-1.248-1.045c-.567.095-1.809 2.053-2.697 4.204c2.193 2.172 4.923 3.272 8.127 3.272c4.395 0 7.683-1.196 9.1-3.295c-.49-5.585-3.565-13.163-9.1-13.163c-4.686 0-8.216 3.264-10.492 9.7a1.112 1.112 0 0 1-2.096-.74C2.688 5.308 6.923 1.546 12.652 1.546c7.482 0 10.93 9.561 11.345 15.588a1.1 1.1 0 0 1-.145.631c-1.74 3.023-5.718 4.687-11.2 4.687Z"/></svg> </template>
CSS
.icon-basecamp {
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%22M12.652%2022.453c-4.033%200-7.575-1.554-10.244-4.495a1.11%201.11%200%200%201-.22-1.133c.701-1.889%202.594-6.281%205.021-6.295h.013c1.219%200%202.13.965%202.864%201.741c.22.232.555.587.782.761c.566-.559%201.678-2.416%202.542-4.278a1.112%201.112%200%200%201%202.017.936c-2.621%205.65-4.019%205.65-4.478%205.65c-1.022%200-1.762-.784-2.479-1.542c-.32-.339-.988-1.045-1.248-1.045c-.567.095-1.809%202.053-2.697%204.204c2.193%202.172%204.923%203.272%208.127%203.272c4.395%200%207.683-1.196%209.1-3.295c-.49-5.585-3.565-13.163-9.1-13.163c-4.686%200-8.216%203.264-10.492%209.7a1.112%201.112%200%200%201-2.096-.74C2.688%205.308%206.923%201.546%2012.652%201.546c7.482%200%2010.93%209.561%2011.345%2015.588a1.1%201.1%200%200%201-.145.631c-1.74%203.023-5.718%204.687-11.2%204.687Z%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%22M12.652%2022.453c-4.033%200-7.575-1.554-10.244-4.495a1.11%201.11%200%200%201-.22-1.133c.701-1.889%202.594-6.281%205.021-6.295h.013c1.219%200%202.13.965%202.864%201.741c.22.232.555.587.782.761c.566-.559%201.678-2.416%202.542-4.278a1.112%201.112%200%200%201%202.017.936c-2.621%205.65-4.019%205.65-4.478%205.65c-1.022%200-1.762-.784-2.479-1.542c-.32-.339-.988-1.045-1.248-1.045c-.567.095-1.809%202.053-2.697%204.204c2.193%202.172%204.923%203.272%208.127%203.272c4.395%200%207.683-1.196%209.1-3.295c-.49-5.585-3.565-13.163-9.1-13.163c-4.686%200-8.216%203.264-10.492%209.7a1.112%201.112%200%200%201-2.096-.74C2.688%205.308%206.923%201.546%2012.652%201.546c7.482%200%2010.93%209.561%2011.345%2015.588a1.1%201.1%200%200%201-.145.631c-1.74%203.023-5.718%204.687-11.2%204.687Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/basecamp.svg?color=%231a73e8&size=48
