github circle icon
github-circle from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- github-circle
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Jam Icons
Use the github circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="M8.18 15.008q.18 0 .271-.012a.32.32 0 0 0 .18-.107q.09-.094.09-.274l-.004-.557q-.004-.533-.004-.844l-.188.033a2.4 2.4 0 0 1-.455.028a3.5 3.5 0 0 1-.57-.057a1.3 1.3 0 0 1-.548-.246a1.04 1.04 0 0 1-.36-.503l-.082-.189a2 2 0 0 0-.258-.417a1 1 0 0 0-.357-.312l-.057-.04a.6.6 0 0 1-.106-.1a.5.5 0 0 1-.074-.114q-.024-.057.04-.094a.5.5 0 0 1 .238-.037l.164.025q.165.032.406.196q.24.164.397.426q.189.336.455.512a.96.96 0 0 0 .536.176q.27 0 .467-.04a1.6 1.6 0 0 0 .369-.124q.073-.548.4-.843a5.6 5.6 0 0 1-.839-.148a3.4 3.4 0 0 1-.77-.32a2.2 2.2 0 0 1-.66-.548q-.26-.328-.43-.86a4.1 4.1 0 0 1-.167-1.229q0-.99.647-1.687q-.303-.745.057-1.671q.239-.075.705.11q.467.184.684.316q.217.13.348.22a5.8 5.8 0 0 1 1.573-.212q.81 0 1.573.213l.31-.197q.32-.196.754-.36q.435-.165.664-.09q.37.926.065 1.67q.648.697.648 1.688q0 .696-.168 1.233t-.434.86a2.3 2.3 0 0 1-.664.545a3.3 3.3 0 0 1-.77.32a5.6 5.6 0 0 1-.84.147q.426.368.426 1.163v1.957q0 .14.041.226a.23.23 0 0 0 .131.119q.09.032.16.04t.2.009z"/><path d="M10 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 2C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10"/></g></svg>
React
import type { SVGProps } from "react";
export function JamGithubCircle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="M8.18 15.008q.18 0 .271-.012a.32.32 0 0 0 .18-.107q.09-.094.09-.274l-.004-.557q-.004-.533-.004-.844l-.188.033a2.4 2.4 0 0 1-.455.028a3.5 3.5 0 0 1-.57-.057a1.3 1.3 0 0 1-.548-.246a1.04 1.04 0 0 1-.36-.503l-.082-.189a2 2 0 0 0-.258-.417a1 1 0 0 0-.357-.312l-.057-.04a.6.6 0 0 1-.106-.1a.5.5 0 0 1-.074-.114q-.024-.057.04-.094a.5.5 0 0 1 .238-.037l.164.025q.165.032.406.196q.24.164.397.426q.189.336.455.512a.96.96 0 0 0 .536.176q.27 0 .467-.04a1.6 1.6 0 0 0 .369-.124q.073-.548.4-.843a5.6 5.6 0 0 1-.839-.148a3.4 3.4 0 0 1-.77-.32a2.2 2.2 0 0 1-.66-.548q-.26-.328-.43-.86a4.1 4.1 0 0 1-.167-1.229q0-.99.647-1.687q-.303-.745.057-1.671q.239-.075.705.11q.467.184.684.316q.217.13.348.22a5.8 5.8 0 0 1 1.573-.212q.81 0 1.573.213l.31-.197q.32-.196.754-.36q.435-.165.664-.09q.37.926.065 1.67q.648.697.648 1.688q0 .696-.168 1.233t-.434.86a2.3 2.3 0 0 1-.664.545a3.3 3.3 0 0 1-.77.32a5.6 5.6 0 0 1-.84.147q.426.368.426 1.163v1.957q0 .14.041.226a.23.23 0 0 0 .131.119q.09.032.16.04t.2.009z"/><path d="M10 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 2C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="M8.18 15.008q.18 0 .271-.012a.32.32 0 0 0 .18-.107q.09-.094.09-.274l-.004-.557q-.004-.533-.004-.844l-.188.033a2.4 2.4 0 0 1-.455.028a3.5 3.5 0 0 1-.57-.057a1.3 1.3 0 0 1-.548-.246a1.04 1.04 0 0 1-.36-.503l-.082-.189a2 2 0 0 0-.258-.417a1 1 0 0 0-.357-.312l-.057-.04a.6.6 0 0 1-.106-.1a.5.5 0 0 1-.074-.114q-.024-.057.04-.094a.5.5 0 0 1 .238-.037l.164.025q.165.032.406.196q.24.164.397.426q.189.336.455.512a.96.96 0 0 0 .536.176q.27 0 .467-.04a1.6 1.6 0 0 0 .369-.124q.073-.548.4-.843a5.6 5.6 0 0 1-.839-.148a3.4 3.4 0 0 1-.77-.32a2.2 2.2 0 0 1-.66-.548q-.26-.328-.43-.86a4.1 4.1 0 0 1-.167-1.229q0-.99.647-1.687q-.303-.745.057-1.671q.239-.075.705.11q.467.184.684.316q.217.13.348.22a5.8 5.8 0 0 1 1.573-.212q.81 0 1.573.213l.31-.197q.32-.196.754-.36q.435-.165.664-.09q.37.926.065 1.67q.648.697.648 1.688q0 .696-.168 1.233t-.434.86a2.3 2.3 0 0 1-.664.545a3.3 3.3 0 0 1-.77.32a5.6 5.6 0 0 1-.84.147q.426.368.426 1.163v1.957q0 .14.041.226a.23.23 0 0 0 .131.119q.09.032.16.04t.2.009z"/><path d="M10 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 2C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10"/></g></svg> </template>
CSS
.icon-github-circle {
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%22-2%20-2%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.18%2015.008q.18%200%20.271-.012a.32.32%200%200%200%20.18-.107q.09-.094.09-.274l-.004-.557q-.004-.533-.004-.844l-.188.033a2.4%202.4%200%200%201-.455.028a3.5%203.5%200%200%201-.57-.057a1.3%201.3%200%200%201-.548-.246a1.04%201.04%200%200%201-.36-.503l-.082-.189a2%202%200%200%200-.258-.417a1%201%200%200%200-.357-.312l-.057-.04a.6.6%200%200%201-.106-.1a.5.5%200%200%201-.074-.114q-.024-.057.04-.094a.5.5%200%200%201%20.238-.037l.164.025q.165.032.406.196q.24.164.397.426q.189.336.455.512a.96.96%200%200%200%20.536.176q.27%200%20.467-.04a1.6%201.6%200%200%200%20.369-.124q.073-.548.4-.843a5.6%205.6%200%200%201-.839-.148a3.4%203.4%200%200%201-.77-.32a2.2%202.2%200%200%201-.66-.548q-.26-.328-.43-.86a4.1%204.1%200%200%201-.167-1.229q0-.99.647-1.687q-.303-.745.057-1.671q.239-.075.705.11q.467.184.684.316q.217.13.348.22a5.8%205.8%200%200%201%201.573-.212q.81%200%201.573.213l.31-.197q.32-.196.754-.36q.435-.165.664-.09q.37.926.065%201.67q.648.697.648%201.688q0%20.696-.168%201.233t-.434.86a2.3%202.3%200%200%201-.664.545a3.3%203.3%200%200%201-.77.32a5.6%205.6%200%200%201-.84.147q.426.368.426%201.163v1.957q0%20.14.041.226a.23.23%200%200%200%20.131.119q.09.032.16.04t.2.009z%22%2F%3E%3Cpath%20d%3D%22M10%2018a8%208%200%201%200%200-16a8%208%200%200%200%200%2016m0%202C4.477%2020%200%2015.523%200%2010S4.477%200%2010%200s10%204.477%2010%2010s-4.477%2010-10%2010%22%2F%3E%3C%2Fg%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%22-2%20-2%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.18%2015.008q.18%200%20.271-.012a.32.32%200%200%200%20.18-.107q.09-.094.09-.274l-.004-.557q-.004-.533-.004-.844l-.188.033a2.4%202.4%200%200%201-.455.028a3.5%203.5%200%200%201-.57-.057a1.3%201.3%200%200%201-.548-.246a1.04%201.04%200%200%201-.36-.503l-.082-.189a2%202%200%200%200-.258-.417a1%201%200%200%200-.357-.312l-.057-.04a.6.6%200%200%201-.106-.1a.5.5%200%200%201-.074-.114q-.024-.057.04-.094a.5.5%200%200%201%20.238-.037l.164.025q.165.032.406.196q.24.164.397.426q.189.336.455.512a.96.96%200%200%200%20.536.176q.27%200%20.467-.04a1.6%201.6%200%200%200%20.369-.124q.073-.548.4-.843a5.6%205.6%200%200%201-.839-.148a3.4%203.4%200%200%201-.77-.32a2.2%202.2%200%200%201-.66-.548q-.26-.328-.43-.86a4.1%204.1%200%200%201-.167-1.229q0-.99.647-1.687q-.303-.745.057-1.671q.239-.075.705.11q.467.184.684.316q.217.13.348.22a5.8%205.8%200%200%201%201.573-.212q.81%200%201.573.213l.31-.197q.32-.196.754-.36q.435-.165.664-.09q.37.926.065%201.67q.648.697.648%201.688q0%20.696-.168%201.233t-.434.86a2.3%202.3%200%200%201-.664.545a3.3%203.3%200%200%201-.77.32a5.6%205.6%200%200%201-.84.147q.426.368.426%201.163v1.957q0%20.14.041.226a.23.23%200%200%200%20.131.119q.09.032.16.04t.2.009z%22%2F%3E%3Cpath%20d%3D%22M10%2018a8%208%200%201%200%200-16a8%208%200%200%200%200%2016m0%202C4.477%2020%200%2015.523%200%2010S4.477%200%2010%200s10%204.477%2010%2010s-4.477%2010-10%2010%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/github-circle.svg?color=%231a73e8&size=48
