coppel logo
coppel from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- coppel
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the coppel logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.738 2.879a.716.716 0 0 0-.738.74v16.762c0 .428.35.74.738.74h22.52a.74.74 0 0 0 .739-.74V3.619c.039-.428-.31-.74-.738-.74Zm6.614 6.34c1.167 0 2.1.935 2.1 2.101c0 .234-.04.427-.079.621h12.058v1.868h-.973v2.527h-.97v-1.283h-.935v1.283h-.972v-2.527H9.373c.04.194.079.428.079.623a2.09 2.09 0 0 1-2.1 2.1c-1.011 0-1.83-.7-2.063-1.634a3.4 3.4 0 0 1-.62.077a2.09 2.09 0 0 1-2.102-2.1c0-1.167.934-2.1 2.101-2.1c.234 0 .427 0 .621.079c.234-.934 1.052-1.635 2.063-1.635m0 1.168c-.545 0-.973.428-.934.933c0 .506.428.932.934.932a.945.945 0 0 0 .933-.932a.947.947 0 0 0-.933-.933M4.668 11.94a.947.947 0 0 0-.933.934c0 .506.428.934.933.934a.947.947 0 0 0 .934-.934a.947.947 0 0 0-.934-.934m2.684 1.518a.947.947 0 0 0-.934.934c0 .505.428.933.934.933a.947.947 0 0 0 .933-.933a.947.947 0 0 0-.933-.934"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsCoppel(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="M.738 2.879a.716.716 0 0 0-.738.74v16.762c0 .428.35.74.738.74h22.52a.74.74 0 0 0 .739-.74V3.619c.039-.428-.31-.74-.738-.74Zm6.614 6.34c1.167 0 2.1.935 2.1 2.101c0 .234-.04.427-.079.621h12.058v1.868h-.973v2.527h-.97v-1.283h-.935v1.283h-.972v-2.527H9.373c.04.194.079.428.079.623a2.09 2.09 0 0 1-2.1 2.1c-1.011 0-1.83-.7-2.063-1.634a3.4 3.4 0 0 1-.62.077a2.09 2.09 0 0 1-2.102-2.1c0-1.167.934-2.1 2.101-2.1c.234 0 .427 0 .621.079c.234-.934 1.052-1.635 2.063-1.635m0 1.168c-.545 0-.973.428-.934.933c0 .506.428.932.934.932a.945.945 0 0 0 .933-.932a.947.947 0 0 0-.933-.933M4.668 11.94a.947.947 0 0 0-.933.934c0 .506.428.934.933.934a.947.947 0 0 0 .934-.934a.947.947 0 0 0-.934-.934m2.684 1.518a.947.947 0 0 0-.934.934c0 .505.428.933.934.933a.947.947 0 0 0 .933-.933a.947.947 0 0 0-.933-.934"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.738 2.879a.716.716 0 0 0-.738.74v16.762c0 .428.35.74.738.74h22.52a.74.74 0 0 0 .739-.74V3.619c.039-.428-.31-.74-.738-.74Zm6.614 6.34c1.167 0 2.1.935 2.1 2.101c0 .234-.04.427-.079.621h12.058v1.868h-.973v2.527h-.97v-1.283h-.935v1.283h-.972v-2.527H9.373c.04.194.079.428.079.623a2.09 2.09 0 0 1-2.1 2.1c-1.011 0-1.83-.7-2.063-1.634a3.4 3.4 0 0 1-.62.077a2.09 2.09 0 0 1-2.102-2.1c0-1.167.934-2.1 2.101-2.1c.234 0 .427 0 .621.079c.234-.934 1.052-1.635 2.063-1.635m0 1.168c-.545 0-.973.428-.934.933c0 .506.428.932.934.932a.945.945 0 0 0 .933-.932a.947.947 0 0 0-.933-.933M4.668 11.94a.947.947 0 0 0-.933.934c0 .506.428.934.933.934a.947.947 0 0 0 .934-.934a.947.947 0 0 0-.934-.934m2.684 1.518a.947.947 0 0 0-.934.934c0 .505.428.933.934.933a.947.947 0 0 0 .933-.933a.947.947 0 0 0-.933-.934"/></svg> </template>
CSS
.icon-coppel {
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%22M.738%202.879a.716.716%200%200%200-.738.74v16.762c0%20.428.35.74.738.74h22.52a.74.74%200%200%200%20.739-.74V3.619c.039-.428-.31-.74-.738-.74Zm6.614%206.34c1.167%200%202.1.935%202.1%202.101c0%20.234-.04.427-.079.621h12.058v1.868h-.973v2.527h-.97v-1.283h-.935v1.283h-.972v-2.527H9.373c.04.194.079.428.079.623a2.09%202.09%200%200%201-2.1%202.1c-1.011%200-1.83-.7-2.063-1.634a3.4%203.4%200%200%201-.62.077a2.09%202.09%200%200%201-2.102-2.1c0-1.167.934-2.1%202.101-2.1c.234%200%20.427%200%20.621.079c.234-.934%201.052-1.635%202.063-1.635m0%201.168c-.545%200-.973.428-.934.933c0%20.506.428.932.934.932a.945.945%200%200%200%20.933-.932a.947.947%200%200%200-.933-.933M4.668%2011.94a.947.947%200%200%200-.933.934c0%20.506.428.934.933.934a.947.947%200%200%200%20.934-.934a.947.947%200%200%200-.934-.934m2.684%201.518a.947.947%200%200%200-.934.934c0%20.505.428.933.934.933a.947.947%200%200%200%20.933-.933a.947.947%200%200%200-.933-.934%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%22M.738%202.879a.716.716%200%200%200-.738.74v16.762c0%20.428.35.74.738.74h22.52a.74.74%200%200%200%20.739-.74V3.619c.039-.428-.31-.74-.738-.74Zm6.614%206.34c1.167%200%202.1.935%202.1%202.101c0%20.234-.04.427-.079.621h12.058v1.868h-.973v2.527h-.97v-1.283h-.935v1.283h-.972v-2.527H9.373c.04.194.079.428.079.623a2.09%202.09%200%200%201-2.1%202.1c-1.011%200-1.83-.7-2.063-1.634a3.4%203.4%200%200%201-.62.077a2.09%202.09%200%200%201-2.102-2.1c0-1.167.934-2.1%202.101-2.1c.234%200%20.427%200%20.621.079c.234-.934%201.052-1.635%202.063-1.635m0%201.168c-.545%200-.973.428-.934.933c0%20.506.428.932.934.932a.945.945%200%200%200%20.933-.932a.947.947%200%200%200-.933-.933M4.668%2011.94a.947.947%200%200%200-.933.934c0%20.506.428.934.933.934a.947.947%200%200%200%20.934-.934a.947.947%200%200%200-.934-.934m2.684%201.518a.947.947%200%200%200-.934.934c0%20.505.428.933.934.933a.947.947%200%200%200%20.933-.933a.947.947%200%200%200-.933-.934%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/coppel.svg?color=%231a73e8&size=48
