heroku logo
heroku from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- heroku
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×144
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the heroku logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 144"><path fill="#430098" d="M116.494 0c7.045 0 12.776 5.627 12.94 12.634l.004.31v117.932c0 7.045-5.629 12.776-12.634 12.94l-.31.004H12.944c-7.044 0-12.776-5.629-12.94-12.634l-.004-.31V12.944C0 5.898 5.63.168 12.634.004l.31-.004zm0 7.191H12.944a5.76 5.76 0 0 0-5.749 5.533l-.004.22v117.932a5.76 5.76 0 0 0 5.533 5.749l.22.004h103.55a5.76 5.76 0 0 0 5.749-5.532l.004-.22V12.943a5.76 5.76 0 0 0-5.753-5.753M32.36 93.483l16.18 14.382l-16.18 14.382zm14.382-71.91v40.829c7.18-2.337 17.217-4.874 26.966-4.874c8.89 0 14.211 3.495 17.11 6.427c6.091 6.163 6.266 13.988 6.26 15.1l-.001.046l.002 43.146H82.697V79.3c-.07-3.357-1.688-7.389-8.99-7.389c-14.476 0-30.697 7.208-31.179 7.424l-.01.004l-10.158 4.603V21.573zm50.337 0c-.971 8.169-4.283 16-10.787 23.37H71.91c5.652-7.415 9.201-15.219 10.787-23.37Zm268.016 24.248c12.76 0 26.022 8.104 26.022 27.527c0 19.427-13.262 27.528-26.022 27.528c-12.833 0-26.093-8.101-26.093-27.528c0-19.423 13.26-27.527 26.093-27.527m116.724 1.005v31.687c0 7.308 2.366 10.607 8.103 10.607c5.733 0 8.027-3.299 8.027-10.607V46.826H512v31.757c0 14.053-6.738 22.079-22.222 22.079c-15.486 0-22.296-8.026-22.296-22.079V46.826zm-305.684 0v19.712h17.634V46.826h14.339v53.048h-14.339V78.44h-17.634v21.434h-14.337V46.826zm88.29 0v11.901H240.91v8.602h16.775v11.184H240.91v9.82h24.734v11.541h-39.07V46.826zm37.684 0c13.62 0 21.936 4.518 21.936 17.276c0 8.315-3.515 13.12-10.467 15.483l11.254 20.29h-15.196l-10.253-18.422h-3.942v18.421h-14.05V46.826zm119.304 0V66.04l14.627-19.214h16.629l-17.85 20.933l19.426 32.115h-16.201l-12.543-21.22l-4.088 4.731v16.49h-14.335v-53.05zM365.095 57.65c-7.527 0-11.756 5.95-11.756 15.698c0 9.753 4.229 16.06 11.756 16.06c7.455 0 11.683-6.307 11.683-16.06c0-9.749-4.228-15.698-11.683-15.698m-63.49.788h-6.164v12.115h6.164c5.879 0 8.459-1.649 8.459-6.093c0-4.442-2.58-6.022-8.459-6.022"/></svg>
React
import type { SVGProps } from "react";
export function LogosHeroku(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 144"><path fill="#430098" d="M116.494 0c7.045 0 12.776 5.627 12.94 12.634l.004.31v117.932c0 7.045-5.629 12.776-12.634 12.94l-.31.004H12.944c-7.044 0-12.776-5.629-12.94-12.634l-.004-.31V12.944C0 5.898 5.63.168 12.634.004l.31-.004zm0 7.191H12.944a5.76 5.76 0 0 0-5.749 5.533l-.004.22v117.932a5.76 5.76 0 0 0 5.533 5.749l.22.004h103.55a5.76 5.76 0 0 0 5.749-5.532l.004-.22V12.943a5.76 5.76 0 0 0-5.753-5.753M32.36 93.483l16.18 14.382l-16.18 14.382zm14.382-71.91v40.829c7.18-2.337 17.217-4.874 26.966-4.874c8.89 0 14.211 3.495 17.11 6.427c6.091 6.163 6.266 13.988 6.26 15.1l-.001.046l.002 43.146H82.697V79.3c-.07-3.357-1.688-7.389-8.99-7.389c-14.476 0-30.697 7.208-31.179 7.424l-.01.004l-10.158 4.603V21.573zm50.337 0c-.971 8.169-4.283 16-10.787 23.37H71.91c5.652-7.415 9.201-15.219 10.787-23.37Zm268.016 24.248c12.76 0 26.022 8.104 26.022 27.527c0 19.427-13.262 27.528-26.022 27.528c-12.833 0-26.093-8.101-26.093-27.528c0-19.423 13.26-27.527 26.093-27.527m116.724 1.005v31.687c0 7.308 2.366 10.607 8.103 10.607c5.733 0 8.027-3.299 8.027-10.607V46.826H512v31.757c0 14.053-6.738 22.079-22.222 22.079c-15.486 0-22.296-8.026-22.296-22.079V46.826zm-305.684 0v19.712h17.634V46.826h14.339v53.048h-14.339V78.44h-17.634v21.434h-14.337V46.826zm88.29 0v11.901H240.91v8.602h16.775v11.184H240.91v9.82h24.734v11.541h-39.07V46.826zm37.684 0c13.62 0 21.936 4.518 21.936 17.276c0 8.315-3.515 13.12-10.467 15.483l11.254 20.29h-15.196l-10.253-18.422h-3.942v18.421h-14.05V46.826zm119.304 0V66.04l14.627-19.214h16.629l-17.85 20.933l19.426 32.115h-16.201l-12.543-21.22l-4.088 4.731v16.49h-14.335v-53.05zM365.095 57.65c-7.527 0-11.756 5.95-11.756 15.698c0 9.753 4.229 16.06 11.756 16.06c7.455 0 11.683-6.307 11.683-16.06c0-9.749-4.228-15.698-11.683-15.698m-63.49.788h-6.164v12.115h6.164c5.879 0 8.459-1.649 8.459-6.093c0-4.442-2.58-6.022-8.459-6.022"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 144"><path fill="#430098" d="M116.494 0c7.045 0 12.776 5.627 12.94 12.634l.004.31v117.932c0 7.045-5.629 12.776-12.634 12.94l-.31.004H12.944c-7.044 0-12.776-5.629-12.94-12.634l-.004-.31V12.944C0 5.898 5.63.168 12.634.004l.31-.004zm0 7.191H12.944a5.76 5.76 0 0 0-5.749 5.533l-.004.22v117.932a5.76 5.76 0 0 0 5.533 5.749l.22.004h103.55a5.76 5.76 0 0 0 5.749-5.532l.004-.22V12.943a5.76 5.76 0 0 0-5.753-5.753M32.36 93.483l16.18 14.382l-16.18 14.382zm14.382-71.91v40.829c7.18-2.337 17.217-4.874 26.966-4.874c8.89 0 14.211 3.495 17.11 6.427c6.091 6.163 6.266 13.988 6.26 15.1l-.001.046l.002 43.146H82.697V79.3c-.07-3.357-1.688-7.389-8.99-7.389c-14.476 0-30.697 7.208-31.179 7.424l-.01.004l-10.158 4.603V21.573zm50.337 0c-.971 8.169-4.283 16-10.787 23.37H71.91c5.652-7.415 9.201-15.219 10.787-23.37Zm268.016 24.248c12.76 0 26.022 8.104 26.022 27.527c0 19.427-13.262 27.528-26.022 27.528c-12.833 0-26.093-8.101-26.093-27.528c0-19.423 13.26-27.527 26.093-27.527m116.724 1.005v31.687c0 7.308 2.366 10.607 8.103 10.607c5.733 0 8.027-3.299 8.027-10.607V46.826H512v31.757c0 14.053-6.738 22.079-22.222 22.079c-15.486 0-22.296-8.026-22.296-22.079V46.826zm-305.684 0v19.712h17.634V46.826h14.339v53.048h-14.339V78.44h-17.634v21.434h-14.337V46.826zm88.29 0v11.901H240.91v8.602h16.775v11.184H240.91v9.82h24.734v11.541h-39.07V46.826zm37.684 0c13.62 0 21.936 4.518 21.936 17.276c0 8.315-3.515 13.12-10.467 15.483l11.254 20.29h-15.196l-10.253-18.422h-3.942v18.421h-14.05V46.826zm119.304 0V66.04l14.627-19.214h16.629l-17.85 20.933l19.426 32.115h-16.201l-12.543-21.22l-4.088 4.731v16.49h-14.335v-53.05zM365.095 57.65c-7.527 0-11.756 5.95-11.756 15.698c0 9.753 4.229 16.06 11.756 16.06c7.455 0 11.683-6.307 11.683-16.06c0-9.749-4.228-15.698-11.683-15.698m-63.49.788h-6.164v12.115h6.164c5.879 0 8.459-1.649 8.459-6.093c0-4.442-2.58-6.022-8.459-6.022"/></svg> </template>
CSS
.icon-heroku {
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%20512%20144%22%3E%3Cpath%20fill%3D%22%23430098%22%20d%3D%22M116.494%200c7.045%200%2012.776%205.627%2012.94%2012.634l.004.31v117.932c0%207.045-5.629%2012.776-12.634%2012.94l-.31.004H12.944c-7.044%200-12.776-5.629-12.94-12.634l-.004-.31V12.944C0%205.898%205.63.168%2012.634.004l.31-.004zm0%207.191H12.944a5.76%205.76%200%200%200-5.749%205.533l-.004.22v117.932a5.76%205.76%200%200%200%205.533%205.749l.22.004h103.55a5.76%205.76%200%200%200%205.749-5.532l.004-.22V12.943a5.76%205.76%200%200%200-5.753-5.753M32.36%2093.483l16.18%2014.382l-16.18%2014.382zm14.382-71.91v40.829c7.18-2.337%2017.217-4.874%2026.966-4.874c8.89%200%2014.211%203.495%2017.11%206.427c6.091%206.163%206.266%2013.988%206.26%2015.1l-.001.046l.002%2043.146H82.697V79.3c-.07-3.357-1.688-7.389-8.99-7.389c-14.476%200-30.697%207.208-31.179%207.424l-.01.004l-10.158%204.603V21.573zm50.337%200c-.971%208.169-4.283%2016-10.787%2023.37H71.91c5.652-7.415%209.201-15.219%2010.787-23.37Zm268.016%2024.248c12.76%200%2026.022%208.104%2026.022%2027.527c0%2019.427-13.262%2027.528-26.022%2027.528c-12.833%200-26.093-8.101-26.093-27.528c0-19.423%2013.26-27.527%2026.093-27.527m116.724%201.005v31.687c0%207.308%202.366%2010.607%208.103%2010.607c5.733%200%208.027-3.299%208.027-10.607V46.826H512v31.757c0%2014.053-6.738%2022.079-22.222%2022.079c-15.486%200-22.296-8.026-22.296-22.079V46.826zm-305.684%200v19.712h17.634V46.826h14.339v53.048h-14.339V78.44h-17.634v21.434h-14.337V46.826zm88.29%200v11.901H240.91v8.602h16.775v11.184H240.91v9.82h24.734v11.541h-39.07V46.826zm37.684%200c13.62%200%2021.936%204.518%2021.936%2017.276c0%208.315-3.515%2013.12-10.467%2015.483l11.254%2020.29h-15.196l-10.253-18.422h-3.942v18.421h-14.05V46.826zm119.304%200V66.04l14.627-19.214h16.629l-17.85%2020.933l19.426%2032.115h-16.201l-12.543-21.22l-4.088%204.731v16.49h-14.335v-53.05zM365.095%2057.65c-7.527%200-11.756%205.95-11.756%2015.698c0%209.753%204.229%2016.06%2011.756%2016.06c7.455%200%2011.683-6.307%2011.683-16.06c0-9.749-4.228-15.698-11.683-15.698m-63.49.788h-6.164v12.115h6.164c5.879%200%208.459-1.649%208.459-6.093c0-4.442-2.58-6.022-8.459-6.022%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%20512%20144%22%3E%3Cpath%20fill%3D%22%23430098%22%20d%3D%22M116.494%200c7.045%200%2012.776%205.627%2012.94%2012.634l.004.31v117.932c0%207.045-5.629%2012.776-12.634%2012.94l-.31.004H12.944c-7.044%200-12.776-5.629-12.94-12.634l-.004-.31V12.944C0%205.898%205.63.168%2012.634.004l.31-.004zm0%207.191H12.944a5.76%205.76%200%200%200-5.749%205.533l-.004.22v117.932a5.76%205.76%200%200%200%205.533%205.749l.22.004h103.55a5.76%205.76%200%200%200%205.749-5.532l.004-.22V12.943a5.76%205.76%200%200%200-5.753-5.753M32.36%2093.483l16.18%2014.382l-16.18%2014.382zm14.382-71.91v40.829c7.18-2.337%2017.217-4.874%2026.966-4.874c8.89%200%2014.211%203.495%2017.11%206.427c6.091%206.163%206.266%2013.988%206.26%2015.1l-.001.046l.002%2043.146H82.697V79.3c-.07-3.357-1.688-7.389-8.99-7.389c-14.476%200-30.697%207.208-31.179%207.424l-.01.004l-10.158%204.603V21.573zm50.337%200c-.971%208.169-4.283%2016-10.787%2023.37H71.91c5.652-7.415%209.201-15.219%2010.787-23.37Zm268.016%2024.248c12.76%200%2026.022%208.104%2026.022%2027.527c0%2019.427-13.262%2027.528-26.022%2027.528c-12.833%200-26.093-8.101-26.093-27.528c0-19.423%2013.26-27.527%2026.093-27.527m116.724%201.005v31.687c0%207.308%202.366%2010.607%208.103%2010.607c5.733%200%208.027-3.299%208.027-10.607V46.826H512v31.757c0%2014.053-6.738%2022.079-22.222%2022.079c-15.486%200-22.296-8.026-22.296-22.079V46.826zm-305.684%200v19.712h17.634V46.826h14.339v53.048h-14.339V78.44h-17.634v21.434h-14.337V46.826zm88.29%200v11.901H240.91v8.602h16.775v11.184H240.91v9.82h24.734v11.541h-39.07V46.826zm37.684%200c13.62%200%2021.936%204.518%2021.936%2017.276c0%208.315-3.515%2013.12-10.467%2015.483l11.254%2020.29h-15.196l-10.253-18.422h-3.942v18.421h-14.05V46.826zm119.304%200V66.04l14.627-19.214h16.629l-17.85%2020.933l19.426%2032.115h-16.201l-12.543-21.22l-4.088%204.731v16.49h-14.335v-53.05zM365.095%2057.65c-7.527%200-11.756%205.95-11.756%2015.698c0%209.753%204.229%2016.06%2011.756%2016.06c7.455%200%2011.683-6.307%2011.683-16.06c0-9.749-4.228-15.698-11.683-15.698m-63.49.788h-6.164v12.115h6.164c5.879%200%208.459-1.649%208.459-6.093c0-4.442-2.58-6.022-8.459-6.022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/heroku.svg?color=%231a73e8&size=48
