basecamp icon logo

basecamp-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
basecamp-icon
Set
SVG Logos
Style
Color
Viewbox
256×223
License
CC0

Use the basecamp icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 223"><path fill="#1d2d35" d="M134.92 0c45.635 0 81.314 34.865 101.94 83.605l1.918 4.683c3.746 9.447 6.94 19.374 9.546 29.635l1.255 5.157c3.213 13.824 5.371 28.2 6.392 42.782a11.85 11.85 0 0 1-1.554 6.745c-19.17 33.278-61.82 49.347-116.213 49.93l-3.091.016a143.05 143.05 0 0 1-109.24-47.987a11.85 11.85 0 0 1-2.257-11.994l1.733-4.435l1.452-3.526q.386-.92.794-1.874c3.117-7.281 6.572-14.57 10.297-21.428c9.982-18.378 19.86-30.562 31.635-34.593a24 24 0 0 1 7.685-1.326c10.505 0 17.291 4.712 28.173 16.033l6.227 6.543l2.152 2.142l1.351 1.203l1.032.847l.423-.434c1.483-1.58 3.215-3.758 5.115-6.442l.964-1.384c2.267-3.307 4.683-7.18 7.193-11.499c3.268-5.621 6.52-11.684 9.592-17.751l2.245-4.504l1.696-3.516c2.779-5.928 9.837-8.481 15.765-5.703c5.599 2.625 8.187 9.066 6.116 14.768l-.565 1.318l-2.475 5.091l-1.63 3.255c-3.264 6.447-6.724 12.899-10.247 18.958c-2.787 4.793-5.505 9.152-8.136 12.989c-8.8 12.836-15.671 19.606-25.152 19.606c-7.133 0-10.997-1.525-17.66-7.728l-2.089-2.004l-2.293-2.304l-3.903-4.059l-2.583-2.718l-2.1-2.14q-.496-.494-.964-.948l-1.76-1.662a53 53 0 0 0-1.545-1.363l-1.34-1.08c-1.449-1.102-2.501-1.658-3.229-1.78l-.257-.023l-.122.046c-2.82.965-7.042 5.374-11.723 12.278l-1.895 2.893a135 135 0 0 0-2.904 4.808l-1.958 3.5c-2.67 4.915-5.22 10.15-7.59 15.454l-2.59 5.975l.86.852c22.023 21.507 51.596 33.728 82.683 33.952l2.83-.013c45.422 0 80.03-11.6 95.992-33.516l1.11-1.588l-.126-1.494c-1.621-17.735-5.118-34.967-10.21-50.91l-1.574-4.744c-16.223-47.031-46.543-81.746-83.367-82.858l-1.824-.027c-51.195 0-85.613 34.739-108.623 94.484l-2.19 5.859q-.54 1.484-1.07 2.988c-2.178 6.174-8.948 9.414-15.122 7.236c-6.175-2.178-9.414-8.948-7.237-15.122l1.075-3.007l2.206-5.919C30.121 41.927 71.419 0 134.919 0"/></svg>

React

import type { SVGProps } from "react";

export function LogosBasecampIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 223"><path fill="#1d2d35" d="M134.92 0c45.635 0 81.314 34.865 101.94 83.605l1.918 4.683c3.746 9.447 6.94 19.374 9.546 29.635l1.255 5.157c3.213 13.824 5.371 28.2 6.392 42.782a11.85 11.85 0 0 1-1.554 6.745c-19.17 33.278-61.82 49.347-116.213 49.93l-3.091.016a143.05 143.05 0 0 1-109.24-47.987a11.85 11.85 0 0 1-2.257-11.994l1.733-4.435l1.452-3.526q.386-.92.794-1.874c3.117-7.281 6.572-14.57 10.297-21.428c9.982-18.378 19.86-30.562 31.635-34.593a24 24 0 0 1 7.685-1.326c10.505 0 17.291 4.712 28.173 16.033l6.227 6.543l2.152 2.142l1.351 1.203l1.032.847l.423-.434c1.483-1.58 3.215-3.758 5.115-6.442l.964-1.384c2.267-3.307 4.683-7.18 7.193-11.499c3.268-5.621 6.52-11.684 9.592-17.751l2.245-4.504l1.696-3.516c2.779-5.928 9.837-8.481 15.765-5.703c5.599 2.625 8.187 9.066 6.116 14.768l-.565 1.318l-2.475 5.091l-1.63 3.255c-3.264 6.447-6.724 12.899-10.247 18.958c-2.787 4.793-5.505 9.152-8.136 12.989c-8.8 12.836-15.671 19.606-25.152 19.606c-7.133 0-10.997-1.525-17.66-7.728l-2.089-2.004l-2.293-2.304l-3.903-4.059l-2.583-2.718l-2.1-2.14q-.496-.494-.964-.948l-1.76-1.662a53 53 0 0 0-1.545-1.363l-1.34-1.08c-1.449-1.102-2.501-1.658-3.229-1.78l-.257-.023l-.122.046c-2.82.965-7.042 5.374-11.723 12.278l-1.895 2.893a135 135 0 0 0-2.904 4.808l-1.958 3.5c-2.67 4.915-5.22 10.15-7.59 15.454l-2.59 5.975l.86.852c22.023 21.507 51.596 33.728 82.683 33.952l2.83-.013c45.422 0 80.03-11.6 95.992-33.516l1.11-1.588l-.126-1.494c-1.621-17.735-5.118-34.967-10.21-50.91l-1.574-4.744c-16.223-47.031-46.543-81.746-83.367-82.858l-1.824-.027c-51.195 0-85.613 34.739-108.623 94.484l-2.19 5.859q-.54 1.484-1.07 2.988c-2.178 6.174-8.948 9.414-15.122 7.236c-6.175-2.178-9.414-8.948-7.237-15.122l1.075-3.007l2.206-5.919C30.121 41.927 71.419 0 134.919 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 223"><path fill="#1d2d35" d="M134.92 0c45.635 0 81.314 34.865 101.94 83.605l1.918 4.683c3.746 9.447 6.94 19.374 9.546 29.635l1.255 5.157c3.213 13.824 5.371 28.2 6.392 42.782a11.85 11.85 0 0 1-1.554 6.745c-19.17 33.278-61.82 49.347-116.213 49.93l-3.091.016a143.05 143.05 0 0 1-109.24-47.987a11.85 11.85 0 0 1-2.257-11.994l1.733-4.435l1.452-3.526q.386-.92.794-1.874c3.117-7.281 6.572-14.57 10.297-21.428c9.982-18.378 19.86-30.562 31.635-34.593a24 24 0 0 1 7.685-1.326c10.505 0 17.291 4.712 28.173 16.033l6.227 6.543l2.152 2.142l1.351 1.203l1.032.847l.423-.434c1.483-1.58 3.215-3.758 5.115-6.442l.964-1.384c2.267-3.307 4.683-7.18 7.193-11.499c3.268-5.621 6.52-11.684 9.592-17.751l2.245-4.504l1.696-3.516c2.779-5.928 9.837-8.481 15.765-5.703c5.599 2.625 8.187 9.066 6.116 14.768l-.565 1.318l-2.475 5.091l-1.63 3.255c-3.264 6.447-6.724 12.899-10.247 18.958c-2.787 4.793-5.505 9.152-8.136 12.989c-8.8 12.836-15.671 19.606-25.152 19.606c-7.133 0-10.997-1.525-17.66-7.728l-2.089-2.004l-2.293-2.304l-3.903-4.059l-2.583-2.718l-2.1-2.14q-.496-.494-.964-.948l-1.76-1.662a53 53 0 0 0-1.545-1.363l-1.34-1.08c-1.449-1.102-2.501-1.658-3.229-1.78l-.257-.023l-.122.046c-2.82.965-7.042 5.374-11.723 12.278l-1.895 2.893a135 135 0 0 0-2.904 4.808l-1.958 3.5c-2.67 4.915-5.22 10.15-7.59 15.454l-2.59 5.975l.86.852c22.023 21.507 51.596 33.728 82.683 33.952l2.83-.013c45.422 0 80.03-11.6 95.992-33.516l1.11-1.588l-.126-1.494c-1.621-17.735-5.118-34.967-10.21-50.91l-1.574-4.744c-16.223-47.031-46.543-81.746-83.367-82.858l-1.824-.027c-51.195 0-85.613 34.739-108.623 94.484l-2.19 5.859q-.54 1.484-1.07 2.988c-2.178 6.174-8.948 9.414-15.122 7.236c-6.175-2.178-9.414-8.948-7.237-15.122l1.075-3.007l2.206-5.919C30.121 41.927 71.419 0 134.919 0"/></svg>
</template>

CSS

.icon-basecamp-icon {
  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%20256%20223%22%3E%3Cpath%20fill%3D%22%231d2d35%22%20d%3D%22M134.92%200c45.635%200%2081.314%2034.865%20101.94%2083.605l1.918%204.683c3.746%209.447%206.94%2019.374%209.546%2029.635l1.255%205.157c3.213%2013.824%205.371%2028.2%206.392%2042.782a11.85%2011.85%200%200%201-1.554%206.745c-19.17%2033.278-61.82%2049.347-116.213%2049.93l-3.091.016a143.05%20143.05%200%200%201-109.24-47.987a11.85%2011.85%200%200%201-2.257-11.994l1.733-4.435l1.452-3.526q.386-.92.794-1.874c3.117-7.281%206.572-14.57%2010.297-21.428c9.982-18.378%2019.86-30.562%2031.635-34.593a24%2024%200%200%201%207.685-1.326c10.505%200%2017.291%204.712%2028.173%2016.033l6.227%206.543l2.152%202.142l1.351%201.203l1.032.847l.423-.434c1.483-1.58%203.215-3.758%205.115-6.442l.964-1.384c2.267-3.307%204.683-7.18%207.193-11.499c3.268-5.621%206.52-11.684%209.592-17.751l2.245-4.504l1.696-3.516c2.779-5.928%209.837-8.481%2015.765-5.703c5.599%202.625%208.187%209.066%206.116%2014.768l-.565%201.318l-2.475%205.091l-1.63%203.255c-3.264%206.447-6.724%2012.899-10.247%2018.958c-2.787%204.793-5.505%209.152-8.136%2012.989c-8.8%2012.836-15.671%2019.606-25.152%2019.606c-7.133%200-10.997-1.525-17.66-7.728l-2.089-2.004l-2.293-2.304l-3.903-4.059l-2.583-2.718l-2.1-2.14q-.496-.494-.964-.948l-1.76-1.662a53%2053%200%200%200-1.545-1.363l-1.34-1.08c-1.449-1.102-2.501-1.658-3.229-1.78l-.257-.023l-.122.046c-2.82.965-7.042%205.374-11.723%2012.278l-1.895%202.893a135%20135%200%200%200-2.904%204.808l-1.958%203.5c-2.67%204.915-5.22%2010.15-7.59%2015.454l-2.59%205.975l.86.852c22.023%2021.507%2051.596%2033.728%2082.683%2033.952l2.83-.013c45.422%200%2080.03-11.6%2095.992-33.516l1.11-1.588l-.126-1.494c-1.621-17.735-5.118-34.967-10.21-50.91l-1.574-4.744c-16.223-47.031-46.543-81.746-83.367-82.858l-1.824-.027c-51.195%200-85.613%2034.739-108.623%2094.484l-2.19%205.859q-.54%201.484-1.07%202.988c-2.178%206.174-8.948%209.414-15.122%207.236c-6.175-2.178-9.414-8.948-7.237-15.122l1.075-3.007l2.206-5.919C30.121%2041.927%2071.419%200%20134.919%200%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%20256%20223%22%3E%3Cpath%20fill%3D%22%231d2d35%22%20d%3D%22M134.92%200c45.635%200%2081.314%2034.865%20101.94%2083.605l1.918%204.683c3.746%209.447%206.94%2019.374%209.546%2029.635l1.255%205.157c3.213%2013.824%205.371%2028.2%206.392%2042.782a11.85%2011.85%200%200%201-1.554%206.745c-19.17%2033.278-61.82%2049.347-116.213%2049.93l-3.091.016a143.05%20143.05%200%200%201-109.24-47.987a11.85%2011.85%200%200%201-2.257-11.994l1.733-4.435l1.452-3.526q.386-.92.794-1.874c3.117-7.281%206.572-14.57%2010.297-21.428c9.982-18.378%2019.86-30.562%2031.635-34.593a24%2024%200%200%201%207.685-1.326c10.505%200%2017.291%204.712%2028.173%2016.033l6.227%206.543l2.152%202.142l1.351%201.203l1.032.847l.423-.434c1.483-1.58%203.215-3.758%205.115-6.442l.964-1.384c2.267-3.307%204.683-7.18%207.193-11.499c3.268-5.621%206.52-11.684%209.592-17.751l2.245-4.504l1.696-3.516c2.779-5.928%209.837-8.481%2015.765-5.703c5.599%202.625%208.187%209.066%206.116%2014.768l-.565%201.318l-2.475%205.091l-1.63%203.255c-3.264%206.447-6.724%2012.899-10.247%2018.958c-2.787%204.793-5.505%209.152-8.136%2012.989c-8.8%2012.836-15.671%2019.606-25.152%2019.606c-7.133%200-10.997-1.525-17.66-7.728l-2.089-2.004l-2.293-2.304l-3.903-4.059l-2.583-2.718l-2.1-2.14q-.496-.494-.964-.948l-1.76-1.662a53%2053%200%200%200-1.545-1.363l-1.34-1.08c-1.449-1.102-2.501-1.658-3.229-1.78l-.257-.023l-.122.046c-2.82.965-7.042%205.374-11.723%2012.278l-1.895%202.893a135%20135%200%200%200-2.904%204.808l-1.958%203.5c-2.67%204.915-5.22%2010.15-7.59%2015.454l-2.59%205.975l.86.852c22.023%2021.507%2051.596%2033.728%2082.683%2033.952l2.83-.013c45.422%200%2080.03-11.6%2095.992-33.516l1.11-1.588l-.126-1.494c-1.621-17.735-5.118-34.967-10.21-50.91l-1.574-4.744c-16.223-47.031-46.543-81.746-83.367-82.858l-1.824-.027c-51.195%200-85.613%2034.739-108.623%2094.484l-2.19%205.859q-.54%201.484-1.07%202.988c-2.178%206.174-8.948%209.414-15.122%207.236c-6.175-2.178-9.414-8.948-7.237-15.122l1.075-3.007l2.206-5.919C30.121%2041.927%2071.419%200%20134.919%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/basecamp-icon.svg?color=%231a73e8&size=48