clickdeploy logo
clickdeploy from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- clickdeploy
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×192
- License
- CC0
Use the clickdeploy logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 192"><path d="M134.028 126.959l22.794 9.675l.268-92.408l-66.287 64.385l22.595 9.59l-10.33 24.336l20.63 8.757l10.33-24.335zm-75.756 64.294C26.09 191.253 0 165.163 0 132.98c0-25.046 15.8-46.4 37.977-54.641c1.976-30.393 27.254-54.433 58.148-54.433c4.575 0 9.027.527 13.299 1.524C121.256 9.971 139.899 0 160.872 0c35.758 0 64.747 28.988 64.747 64.747c0 2-.091 3.979-.268 5.933C243.759 82.214 256 102.682 256 126.008c0 36.034-29.211 65.245-65.245 65.245v.498H58.272v-.498z" fill="#000"/></svg>
React
import type { SVGProps } from "react";
export function LogosClickdeploy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 192"><path d="M134.028 126.959l22.794 9.675l.268-92.408l-66.287 64.385l22.595 9.59l-10.33 24.336l20.63 8.757l10.33-24.335zm-75.756 64.294C26.09 191.253 0 165.163 0 132.98c0-25.046 15.8-46.4 37.977-54.641c1.976-30.393 27.254-54.433 58.148-54.433c4.575 0 9.027.527 13.299 1.524C121.256 9.971 139.899 0 160.872 0c35.758 0 64.747 28.988 64.747 64.747c0 2-.091 3.979-.268 5.933C243.759 82.214 256 102.682 256 126.008c0 36.034-29.211 65.245-65.245 65.245v.498H58.272v-.498z" fill="#000"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 192"><path d="M134.028 126.959l22.794 9.675l.268-92.408l-66.287 64.385l22.595 9.59l-10.33 24.336l20.63 8.757l10.33-24.335zm-75.756 64.294C26.09 191.253 0 165.163 0 132.98c0-25.046 15.8-46.4 37.977-54.641c1.976-30.393 27.254-54.433 58.148-54.433c4.575 0 9.027.527 13.299 1.524C121.256 9.971 139.899 0 160.872 0c35.758 0 64.747 28.988 64.747 64.747c0 2-.091 3.979-.268 5.933C243.759 82.214 256 102.682 256 126.008c0 36.034-29.211 65.245-65.245 65.245v.498H58.272v-.498z" fill="#000"/></svg> </template>
CSS
.icon-clickdeploy {
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%20192%22%3E%3Cpath%20d%3D%22M134.028%20126.959l22.794%209.675l.268-92.408l-66.287%2064.385l22.595%209.59l-10.33%2024.336l20.63%208.757l10.33-24.335zm-75.756%2064.294C26.09%20191.253%200%20165.163%200%20132.98c0-25.046%2015.8-46.4%2037.977-54.641c1.976-30.393%2027.254-54.433%2058.148-54.433c4.575%200%209.027.527%2013.299%201.524C121.256%209.971%20139.899%200%20160.872%200c35.758%200%2064.747%2028.988%2064.747%2064.747c0%202-.091%203.979-.268%205.933C243.759%2082.214%20256%20102.682%20256%20126.008c0%2036.034-29.211%2065.245-65.245%2065.245v.498H58.272v-.498z%22%20fill%3D%22%23000%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%20192%22%3E%3Cpath%20d%3D%22M134.028%20126.959l22.794%209.675l.268-92.408l-66.287%2064.385l22.595%209.59l-10.33%2024.336l20.63%208.757l10.33-24.335zm-75.756%2064.294C26.09%20191.253%200%20165.163%200%20132.98c0-25.046%2015.8-46.4%2037.977-54.641c1.976-30.393%2027.254-54.433%2058.148-54.433c4.575%200%209.027.527%2013.299%201.524C121.256%209.971%20139.899%200%20160.872%200c35.758%200%2064.747%2028.988%2064.747%2064.747c0%202-.091%203.979-.268%205.933C243.759%2082.214%20256%20102.682%20256%20126.008c0%2036.034-29.211%2065.245-65.245%2065.245v.498H58.272v-.498z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/clickdeploy.svg?color=%231a73e8&size=48