git alt logo
git-alt from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- git-alt
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 448×512
- License
- CC BY 4.0
The same logo in other sets
Use the git alt logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M439.55 236.05L244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63l51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69c-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101L8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
React
import type { SVGProps } from "react";
export function Fa6BrandsGitAlt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M439.55 236.05L244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63l51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69c-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101L8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M439.55 236.05L244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63l51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69c-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101L8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg> </template>
CSS
.icon-git-alt {
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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M439.55%20236.05L244%2040.45a28.87%2028.87%200%200%200-40.81%200l-40.66%2040.63l51.52%2051.52c27.06-9.14%2052.68%2016.77%2043.39%2043.68l49.66%2049.66c34.23-11.8%2061.18%2031%2035.47%2056.69c-26.49%2026.49-70.21-2.87-56-37.34L240.22%20199v121.85c25.3%2012.54%2022.26%2041.85%209.08%2055a34.34%2034.34%200%200%201-48.55%200c-17.57-17.6-11.07-46.91%2011.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57%20101L8.45%20235.14a28.86%2028.86%200%200%200%200%2040.81l195.61%20195.6a28.86%2028.86%200%200%200%2040.8%200l194.69-194.69a28.86%2028.86%200%200%200%200-40.81%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M439.55%20236.05L244%2040.45a28.87%2028.87%200%200%200-40.81%200l-40.66%2040.63l51.52%2051.52c27.06-9.14%2052.68%2016.77%2043.39%2043.68l49.66%2049.66c34.23-11.8%2061.18%2031%2035.47%2056.69c-26.49%2026.49-70.21-2.87-56-37.34L240.22%20199v121.85c25.3%2012.54%2022.26%2041.85%209.08%2055a34.34%2034.34%200%200%201-48.55%200c-17.57-17.6-11.07-46.91%2011.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57%20101L8.45%20235.14a28.86%2028.86%200%200%200%200%2040.81l195.61%20195.6a28.86%2028.86%200%200%200%2040.8%200l194.69-194.69a28.86%2028.86%200%200%200%200-40.81%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/git-alt.svg?color=%231a73e8&size=48