logo git icon
logo-git from Carbon by IBM · Outline · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- logo-git
- Set
- Carbon
- Style
- Outline
- Category
- Brand
- Viewbox
- 32×32
- License
- Apache 2.0
More brand icons from Carbon
beecarboncarbon-for-aemcarbon-for-ibm-dotcomcarbon-for-ibm-productcarbon-for-mobilecarbon-for-salesforcecarbon-ui-buildercloud-appedt-loopibm-cloudibm-partner-plusibm-securitylogo-angularlogo-ansible-communitylogo-astradblogo-blueskylogo-digglogo-discordlogo-facebooklogo-figmalogo-flickrlogo-githublogo-gitlab
Use the logo git icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.524 14.802L17.202 2.524a1.76 1.76 0 0 0-2.504 0L12.193 5.02L15.4 8.214c.801-.3 1.603 0 2.204.499c.6.599.801 1.398.5 2.196l3.106 3.095c.802-.3 1.603 0 2.204.499c.802.798.802 2.196 0 2.994c-.801.799-2.204.799-3.005 0a2.17 2.17 0 0 1-.501-2.296l-2.905-2.894v7.586c1.102.5 1.502 1.797 1.001 2.895c-.1.2-.2.4-.4.599c-.802.799-2.204.799-3.006 0s-.801-2.196 0-2.995c.2-.2.401-.4.702-.499v-7.686c-.3-.1-.501-.3-.702-.5a2.17 2.17 0 0 1-.5-2.295L10.89 6.218l-8.415 8.484c-.701.7-.701 1.797 0 2.596l12.222 12.178a1.76 1.76 0 0 0 2.504 0l12.222-12.178c.701-.7.701-1.797 0-2.596"/></svg>
React
import type { SVGProps } from "react";
export function CarbonLogoGit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.524 14.802L17.202 2.524a1.76 1.76 0 0 0-2.504 0L12.193 5.02L15.4 8.214c.801-.3 1.603 0 2.204.499c.6.599.801 1.398.5 2.196l3.106 3.095c.802-.3 1.603 0 2.204.499c.802.798.802 2.196 0 2.994c-.801.799-2.204.799-3.005 0a2.17 2.17 0 0 1-.501-2.296l-2.905-2.894v7.586c1.102.5 1.502 1.797 1.001 2.895c-.1.2-.2.4-.4.599c-.802.799-2.204.799-3.006 0s-.801-2.196 0-2.995c.2-.2.401-.4.702-.499v-7.686c-.3-.1-.501-.3-.702-.5a2.17 2.17 0 0 1-.5-2.295L10.89 6.218l-8.415 8.484c-.701.7-.701 1.797 0 2.596l12.222 12.178a1.76 1.76 0 0 0 2.504 0l12.222-12.178c.701-.7.701-1.797 0-2.596"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.524 14.802L17.202 2.524a1.76 1.76 0 0 0-2.504 0L12.193 5.02L15.4 8.214c.801-.3 1.603 0 2.204.499c.6.599.801 1.398.5 2.196l3.106 3.095c.802-.3 1.603 0 2.204.499c.802.798.802 2.196 0 2.994c-.801.799-2.204.799-3.005 0a2.17 2.17 0 0 1-.501-2.296l-2.905-2.894v7.586c1.102.5 1.502 1.797 1.001 2.895c-.1.2-.2.4-.4.599c-.802.799-2.204.799-3.006 0s-.801-2.196 0-2.995c.2-.2.401-.4.702-.499v-7.686c-.3-.1-.501-.3-.702-.5a2.17 2.17 0 0 1-.5-2.295L10.89 6.218l-8.415 8.484c-.701.7-.701 1.797 0 2.596l12.222 12.178a1.76 1.76 0 0 0 2.504 0l12.222-12.178c.701-.7.701-1.797 0-2.596"/></svg> </template>
CSS
.icon-logo-git {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.524%2014.802L17.202%202.524a1.76%201.76%200%200%200-2.504%200L12.193%205.02L15.4%208.214c.801-.3%201.603%200%202.204.499c.6.599.801%201.398.5%202.196l3.106%203.095c.802-.3%201.603%200%202.204.499c.802.798.802%202.196%200%202.994c-.801.799-2.204.799-3.005%200a2.17%202.17%200%200%201-.501-2.296l-2.905-2.894v7.586c1.102.5%201.502%201.797%201.001%202.895c-.1.2-.2.4-.4.599c-.802.799-2.204.799-3.006%200s-.801-2.196%200-2.995c.2-.2.401-.4.702-.499v-7.686c-.3-.1-.501-.3-.702-.5a2.17%202.17%200%200%201-.5-2.295L10.89%206.218l-8.415%208.484c-.701.7-.701%201.797%200%202.596l12.222%2012.178a1.76%201.76%200%200%200%202.504%200l12.222-12.178c.701-.7.701-1.797%200-2.596%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.524%2014.802L17.202%202.524a1.76%201.76%200%200%200-2.504%200L12.193%205.02L15.4%208.214c.801-.3%201.603%200%202.204.499c.6.599.801%201.398.5%202.196l3.106%203.095c.802-.3%201.603%200%202.204.499c.802.798.802%202.196%200%202.994c-.801.799-2.204.799-3.005%200a2.17%202.17%200%200%201-.501-2.296l-2.905-2.894v7.586c1.102.5%201.502%201.797%201.001%202.895c-.1.2-.2.4-.4.599c-.802.799-2.204.799-3.006%200s-.801-2.196%200-2.995c.2-.2.401-.4.702-.499v-7.686c-.3-.1-.501-.3-.702-.5a2.17%202.17%200%200%201-.5-2.295L10.89%206.218l-8.415%208.484c-.701.7-.701%201.797%200%202.596l12.222%2012.178a1.76%201.76%200%200%200%202.504%200l12.222-12.178c.701-.7.701-1.797%200-2.596%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/logo-git.svg?color=%231a73e8&size=48
