handlebars logo
handlebars from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- handlebars
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the handlebars logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M49.444 48.231a18.4 18.4 0 0 0-3.037.03c-12.692 1.004-17.732 7.57-20.826 10.336c-3.093 2.766-8.82 9.393-12.672 8.195s-4.926-5.838-3.564-7.313s2.428-1.209 3.257 0a6.4 6.4 0 0 1 .789 3.185a7.3 7.3 0 0 0 2.367-3.565c.47-2.049.368-4.035-2.367-5.428c-6.935-3.503-11.412 2.745-12.109 4.21S-.5 61.65.258 66.936s3.268 10.142 11.268 12.016a33.7 33.7 0 0 0 22.536-2.633c7.007-3.34 20.182-9.22 23.5-9.813a28.8 28.8 0 0 1 6.443-.817a28.8 28.8 0 0 1 6.442.817c3.32.594 16.494 6.474 23.5 9.813a33.7 33.7 0 0 0 22.527 2.633c8-1.874 10.51-6.73 11.268-12.016s-.328-7.58-1.024-9.055c-.697-1.476-5.174-7.724-12.099-4.21c-2.735 1.393-2.838 3.38-2.367 5.428a7.3 7.3 0 0 0 2.367 3.565a6.4 6.4 0 0 1 .799-3.247c.83-1.209 1.894-1.465 3.257 0c1.362 1.465.288 6.166-3.564 7.365s-9.579-5.43-12.672-8.195s-8.144-9.302-20.836-10.326a18.44 18.44 0 0 0-17.598 9.07a18.44 18.44 0 0 0-14.561-9.1"/></svg>
React
import type { SVGProps } from "react";
export function DeviconHandlebars(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M49.444 48.231a18.4 18.4 0 0 0-3.037.03c-12.692 1.004-17.732 7.57-20.826 10.336c-3.093 2.766-8.82 9.393-12.672 8.195s-4.926-5.838-3.564-7.313s2.428-1.209 3.257 0a6.4 6.4 0 0 1 .789 3.185a7.3 7.3 0 0 0 2.367-3.565c.47-2.049.368-4.035-2.367-5.428c-6.935-3.503-11.412 2.745-12.109 4.21S-.5 61.65.258 66.936s3.268 10.142 11.268 12.016a33.7 33.7 0 0 0 22.536-2.633c7.007-3.34 20.182-9.22 23.5-9.813a28.8 28.8 0 0 1 6.443-.817a28.8 28.8 0 0 1 6.442.817c3.32.594 16.494 6.474 23.5 9.813a33.7 33.7 0 0 0 22.527 2.633c8-1.874 10.51-6.73 11.268-12.016s-.328-7.58-1.024-9.055c-.697-1.476-5.174-7.724-12.099-4.21c-2.735 1.393-2.838 3.38-2.367 5.428a7.3 7.3 0 0 0 2.367 3.565a6.4 6.4 0 0 1 .799-3.247c.83-1.209 1.894-1.465 3.257 0c1.362 1.465.288 6.166-3.564 7.365s-9.579-5.43-12.672-8.195s-8.144-9.302-20.836-10.326a18.44 18.44 0 0 0-17.598 9.07a18.44 18.44 0 0 0-14.561-9.1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M49.444 48.231a18.4 18.4 0 0 0-3.037.03c-12.692 1.004-17.732 7.57-20.826 10.336c-3.093 2.766-8.82 9.393-12.672 8.195s-4.926-5.838-3.564-7.313s2.428-1.209 3.257 0a6.4 6.4 0 0 1 .789 3.185a7.3 7.3 0 0 0 2.367-3.565c.47-2.049.368-4.035-2.367-5.428c-6.935-3.503-11.412 2.745-12.109 4.21S-.5 61.65.258 66.936s3.268 10.142 11.268 12.016a33.7 33.7 0 0 0 22.536-2.633c7.007-3.34 20.182-9.22 23.5-9.813a28.8 28.8 0 0 1 6.443-.817a28.8 28.8 0 0 1 6.442.817c3.32.594 16.494 6.474 23.5 9.813a33.7 33.7 0 0 0 22.527 2.633c8-1.874 10.51-6.73 11.268-12.016s-.328-7.58-1.024-9.055c-.697-1.476-5.174-7.724-12.099-4.21c-2.735 1.393-2.838 3.38-2.367 5.428a7.3 7.3 0 0 0 2.367 3.565a6.4 6.4 0 0 1 .799-3.247c.83-1.209 1.894-1.465 3.257 0c1.362 1.465.288 6.166-3.564 7.365s-9.579-5.43-12.672-8.195s-8.144-9.302-20.836-10.326a18.44 18.44 0 0 0-17.598 9.07a18.44 18.44 0 0 0-14.561-9.1"/></svg> </template>
CSS
.icon-handlebars {
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%20128%20128%22%3E%3Cpath%20d%3D%22M49.444%2048.231a18.4%2018.4%200%200%200-3.037.03c-12.692%201.004-17.732%207.57-20.826%2010.336c-3.093%202.766-8.82%209.393-12.672%208.195s-4.926-5.838-3.564-7.313s2.428-1.209%203.257%200a6.4%206.4%200%200%201%20.789%203.185a7.3%207.3%200%200%200%202.367-3.565c.47-2.049.368-4.035-2.367-5.428c-6.935-3.503-11.412%202.745-12.109%204.21S-.5%2061.65.258%2066.936s3.268%2010.142%2011.268%2012.016a33.7%2033.7%200%200%200%2022.536-2.633c7.007-3.34%2020.182-9.22%2023.5-9.813a28.8%2028.8%200%200%201%206.443-.817a28.8%2028.8%200%200%201%206.442.817c3.32.594%2016.494%206.474%2023.5%209.813a33.7%2033.7%200%200%200%2022.527%202.633c8-1.874%2010.51-6.73%2011.268-12.016s-.328-7.58-1.024-9.055c-.697-1.476-5.174-7.724-12.099-4.21c-2.735%201.393-2.838%203.38-2.367%205.428a7.3%207.3%200%200%200%202.367%203.565a6.4%206.4%200%200%201%20.799-3.247c.83-1.209%201.894-1.465%203.257%200c1.362%201.465.288%206.166-3.564%207.365s-9.579-5.43-12.672-8.195s-8.144-9.302-20.836-10.326a18.44%2018.44%200%200%200-17.598%209.07a18.44%2018.44%200%200%200-14.561-9.1%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%20128%20128%22%3E%3Cpath%20d%3D%22M49.444%2048.231a18.4%2018.4%200%200%200-3.037.03c-12.692%201.004-17.732%207.57-20.826%2010.336c-3.093%202.766-8.82%209.393-12.672%208.195s-4.926-5.838-3.564-7.313s2.428-1.209%203.257%200a6.4%206.4%200%200%201%20.789%203.185a7.3%207.3%200%200%200%202.367-3.565c.47-2.049.368-4.035-2.367-5.428c-6.935-3.503-11.412%202.745-12.109%204.21S-.5%2061.65.258%2066.936s3.268%2010.142%2011.268%2012.016a33.7%2033.7%200%200%200%2022.536-2.633c7.007-3.34%2020.182-9.22%2023.5-9.813a28.8%2028.8%200%200%201%206.443-.817a28.8%2028.8%200%200%201%206.442.817c3.32.594%2016.494%206.474%2023.5%209.813a33.7%2033.7%200%200%200%2022.527%202.633c8-1.874%2010.51-6.73%2011.268-12.016s-.328-7.58-1.024-9.055c-.697-1.476-5.174-7.724-12.099-4.21c-2.735%201.393-2.838%203.38-2.367%205.428a7.3%207.3%200%200%200%202.367%203.565a6.4%206.4%200%200%201%20.799-3.247c.83-1.209%201.894-1.465%203.257%200c1.362%201.465.288%206.166-3.564%207.365s-9.579-5.43-12.672-8.195s-8.144-9.302-20.836-10.326a18.44%2018.44%200%200%200-17.598%209.07a18.44%2018.44%200%200%200-14.561-9.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/handlebars.svg?color=%231a73e8&size=48
