bigcommerce logo
bigcommerce from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- bigcommerce
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the bigcommerce logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.645 13.663h3.027c.861 0 1.406-.474 1.406-1.235c0-.717-.545-1.234-1.406-1.234h-3.027c-.1 0-.187.086-.187.172v2.125c.015.1.086.172.187.172m0 4.896h3.128c.961 0 1.535-.488 1.535-1.35c0-.746-.545-1.35-1.535-1.35h-3.128c-.1 0-.187.087-.187.173v2.34c.015.115.086.187.187.187M23.72.053l-8.953 8.93h1.464c2.281 0 3.63 1.435 3.63 3c0 1.235-.832 2.14-1.722 2.541c-.143.058-.143.259.014.316c1.033.402 1.765 1.48 1.765 2.742c0 1.78-1.19 3.202-3.5 3.202h-6.342c-.1 0-.187-.086-.187-.172V13.85L.062 23.64c-.13.13-.043.359.143.359h23.631a.16.16 0 0 0 .158-.158V.182c.043-.158-.158-.244-.273-.13z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsBigcommerce(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.645 13.663h3.027c.861 0 1.406-.474 1.406-1.235c0-.717-.545-1.234-1.406-1.234h-3.027c-.1 0-.187.086-.187.172v2.125c.015.1.086.172.187.172m0 4.896h3.128c.961 0 1.535-.488 1.535-1.35c0-.746-.545-1.35-1.535-1.35h-3.128c-.1 0-.187.087-.187.173v2.34c.015.115.086.187.187.187M23.72.053l-8.953 8.93h1.464c2.281 0 3.63 1.435 3.63 3c0 1.235-.832 2.14-1.722 2.541c-.143.058-.143.259.014.316c1.033.402 1.765 1.48 1.765 2.742c0 1.78-1.19 3.202-3.5 3.202h-6.342c-.1 0-.187-.086-.187-.172V13.85L.062 23.64c-.13.13-.043.359.143.359h23.631a.16.16 0 0 0 .158-.158V.182c.043-.158-.158-.244-.273-.13z"/></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.645 13.663h3.027c.861 0 1.406-.474 1.406-1.235c0-.717-.545-1.234-1.406-1.234h-3.027c-.1 0-.187.086-.187.172v2.125c.015.1.086.172.187.172m0 4.896h3.128c.961 0 1.535-.488 1.535-1.35c0-.746-.545-1.35-1.535-1.35h-3.128c-.1 0-.187.087-.187.173v2.34c.015.115.086.187.187.187M23.72.053l-8.953 8.93h1.464c2.281 0 3.63 1.435 3.63 3c0 1.235-.832 2.14-1.722 2.541c-.143.058-.143.259.014.316c1.033.402 1.765 1.48 1.765 2.742c0 1.78-1.19 3.202-3.5 3.202h-6.342c-.1 0-.187-.086-.187-.172V13.85L.062 23.64c-.13.13-.043.359.143.359h23.631a.16.16 0 0 0 .158-.158V.182c.043-.158-.158-.244-.273-.13z"/></svg> </template>
CSS
.icon-bigcommerce {
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.645%2013.663h3.027c.861%200%201.406-.474%201.406-1.235c0-.717-.545-1.234-1.406-1.234h-3.027c-.1%200-.187.086-.187.172v2.125c.015.1.086.172.187.172m0%204.896h3.128c.961%200%201.535-.488%201.535-1.35c0-.746-.545-1.35-1.535-1.35h-3.128c-.1%200-.187.087-.187.173v2.34c.015.115.086.187.187.187M23.72.053l-8.953%208.93h1.464c2.281%200%203.63%201.435%203.63%203c0%201.235-.832%202.14-1.722%202.541c-.143.058-.143.259.014.316c1.033.402%201.765%201.48%201.765%202.742c0%201.78-1.19%203.202-3.5%203.202h-6.342c-.1%200-.187-.086-.187-.172V13.85L.062%2023.64c-.13.13-.043.359.143.359h23.631a.16.16%200%200%200%20.158-.158V.182c.043-.158-.158-.244-.273-.13z%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.645%2013.663h3.027c.861%200%201.406-.474%201.406-1.235c0-.717-.545-1.234-1.406-1.234h-3.027c-.1%200-.187.086-.187.172v2.125c.015.1.086.172.187.172m0%204.896h3.128c.961%200%201.535-.488%201.535-1.35c0-.746-.545-1.35-1.535-1.35h-3.128c-.1%200-.187.087-.187.173v2.34c.015.115.086.187.187.187M23.72.053l-8.953%208.93h1.464c2.281%200%203.63%201.435%203.63%203c0%201.235-.832%202.14-1.722%202.541c-.143.058-.143.259.014.316c1.033.402%201.765%201.48%201.765%202.742c0%201.78-1.19%203.202-3.5%203.202h-6.342c-.1%200-.187-.086-.187-.172V13.85L.062%2023.64c-.13.13-.043.359.143.359h23.631a.16.16%200%200%200%20.158-.158V.182c.043-.158-.158-.244-.273-.13z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/bigcommerce.svg?color=%231a73e8&size=48
