IconSearch logoIconsearch
Home/Libraries/Typicons (Iconify)/social-github-circular
← Back to Search
Typicons (Iconify)

SocialGithubCircular

License: CC-BY-SA-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M12 21c-4.963 0-9-4.038-9-9s4.037-9 9-9s9 4.038 9 9s-4.037 9-9 9m0-16c-3.859 0-7 3.14-7 7s3.141 7 7 7s7-3.14 7-7s-3.141-7-7-7m1.565 7.626q.255 0 .441.255q.187.254.187.625q0 .372-.187.626t-.441.254q-.273 0-.461-.254q-.187-.254-.187-.626c0-.372.062-.456.187-.625q.19-.256.461-.255m2.21-2.289q.724.783.725 1.898q-.001.722-.166 1.301a3.2 3.2 0 0 1-.42.939a2.7 2.7 0 0 1-.627.635a3.3 3.3 0 0 1-.685.401q-.312.127-.716.196a5 5 0 0 1-.606.079l-.44.009l-.352.01l-.488.011l-.488-.011l-.352-.01l-.44-.009a5 5 0 0 1-.606-.079a3.3 3.3 0 0 1-.716-.196a3.2 3.2 0 0 1-.684-.401a2.7 2.7 0 0 1-.628-.635a3.2 3.2 0 0 1-.42-.939a4.8 4.8 0 0 1-.166-1.301q0-1.115.725-1.898q-.08-.038-.008-.782a4.7 4.7 0 0 1 .319-1.37q.901.097 2.23 1.017q.45-.117 1.233-.118q.822 0 1.234.118a8 8 0 0 1 1.16-.666q.56-.253.814-.293l.254-.058q.257.627.32 1.37q.074.744-.006.782m-3.754 5.027q1.623 0 2.454-.39t.833-1.605q0-.704-.529-1.174a1.2 1.2 0 0 0-.638-.313q-.358-.059-1.104 0q-.743.059-1.016.058c-.248 0-.517-.013-.851-.039l-.783-.049a2.4 2.4 0 0 0-.616.069a1.24 1.24 0 0 0-.55.273q-.505.45-.507 1.174q0 1.214.821 1.605q.82.39 2.444.39m-1.524-2.737q.255 0 .44.255q.187.254.187.625q0 .372-.187.626q-.186.254-.44.254q-.274 0-.462-.254q-.186-.254-.187-.626c-.001-.372.062-.456.187-.625q.188-.256.462-.255"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SocialGithubCircularIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Typicons (Iconify)

Browse all Typicons (Iconify) icons →
adjust-brightness
adjust-brightness
adjust-contrast
adjust-contrast
anchor
anchor
anchor-outline
anchor-outline
archive
archive
arrow-back
arrow-back
arrow-back-outline
arrow-back-outline
arrow-down
arrow-down
arrow-down-outline
arrow-down-outline
arrow-down-thick
arrow-down-thick
arrow-forward
arrow-forward
arrow-forward-outline
arrow-forward-outline