freecodecamp logo
freecodecamp from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- freecodecamp
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the freecodecamp logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M31.959 16.421c0 3.333-1.141 6.292-3.469 8.907c-.844.975-1.52 1.437-1.979 1.437c-.161 0-.344-.047-.464-.167a.68.68 0 0 1-.197-.468c0-.251.296-.631.896-1.183c2.416-2.317 3.635-5.193 3.635-8.609c0-3.797-1.255-6.869-3.755-9.251c-.495-.452-.761-.833-.761-1.135c0-.156.084-.339.219-.459a.74.74 0 0 1 .464-.197c.557 0 1.401.676 2.459 2.036c1.995 2.536 2.995 5.593 2.995 9.125zM0 15.579c0-3.333 1.14-6.292 3.464-8.912c.848-.969 1.525-1.432 1.989-1.432c.156 0 .339.041.459.167c.119.125.197.249.197.416c0 .251-.303.636-.901 1.224c-2.369 2.328-3.615 5.193-3.615 8.615c0 3.797 1.271 6.88 3.767 9.251c.504.457.755.843.755 1.135a.65.65 0 0 1-.213.469a.7.7 0 0 1-.469.208c-.577 0-1.375-.677-2.437-2.021C.98 22.204.001 19.163.001 15.58zm23.599 9.156H8.954a.89.89 0 0 1-.891-.885c0-.511.38-.891.891-.891h14.645c.464 0 .891.38.891.891c-.011.511-.385.885-.891.885m-8-11.891c.261-.037.459.817.48 1c.061.468-.095.921-.308 1.333c-.797 1.557-2.635 2.807-2.145 4.771c.219.844.656 1.432 2.015 2.156c-.457.156-1.099-.145-1.457-.401c-1.599-1.088-2.615-2.875-2.516-4.828a9 9 0 0 1 .317-1.823c.5-1.708 1.521-3.197 2.115-4.859c.303-.803.521-1.767.281-2.605a3.2 3.2 0 0 0-.62-1.135c-.077-.099-.536-.62-.719-.557c.803-.303 1.521-.021 2.219.396c.537.323.959.781 1.276 1.301c.6.959.839 2.057.959 3.172c.041.464-.016 1.584.521 1.803c.563.239 1-.699 1.12-1.079c.26-.859-.079-1.683-.417-2.479c.079.161.38.339.516.463l.479.459c.584.599.943 1.339 1.183 2.136c.219.719.317 1.459.359 2.177c.1 1.5-.239 3.041-.839 4.416a6.1 6.1 0 0 1-1.041 1.699c-.421.495-.995.817-1.453 1.276c1.073-1.079 1.652-2.839 1.495-4.177a3.74 3.74 0 0 0-.88-2.095s.063.48.12.776c.099.663-.344 1.36-.859 1.281c-.381-.041-.183-.859-.141-1.119c.141-.776-.041-1.537-.328-2.256c-.276-.683-.797-1.219-1.593-1.099z"/></svg>
React
import type { SVGProps } from "react";
export function CibFreecodecamp(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="M31.959 16.421c0 3.333-1.141 6.292-3.469 8.907c-.844.975-1.52 1.437-1.979 1.437c-.161 0-.344-.047-.464-.167a.68.68 0 0 1-.197-.468c0-.251.296-.631.896-1.183c2.416-2.317 3.635-5.193 3.635-8.609c0-3.797-1.255-6.869-3.755-9.251c-.495-.452-.761-.833-.761-1.135c0-.156.084-.339.219-.459a.74.74 0 0 1 .464-.197c.557 0 1.401.676 2.459 2.036c1.995 2.536 2.995 5.593 2.995 9.125zM0 15.579c0-3.333 1.14-6.292 3.464-8.912c.848-.969 1.525-1.432 1.989-1.432c.156 0 .339.041.459.167c.119.125.197.249.197.416c0 .251-.303.636-.901 1.224c-2.369 2.328-3.615 5.193-3.615 8.615c0 3.797 1.271 6.88 3.767 9.251c.504.457.755.843.755 1.135a.65.65 0 0 1-.213.469a.7.7 0 0 1-.469.208c-.577 0-1.375-.677-2.437-2.021C.98 22.204.001 19.163.001 15.58zm23.599 9.156H8.954a.89.89 0 0 1-.891-.885c0-.511.38-.891.891-.891h14.645c.464 0 .891.38.891.891c-.011.511-.385.885-.891.885m-8-11.891c.261-.037.459.817.48 1c.061.468-.095.921-.308 1.333c-.797 1.557-2.635 2.807-2.145 4.771c.219.844.656 1.432 2.015 2.156c-.457.156-1.099-.145-1.457-.401c-1.599-1.088-2.615-2.875-2.516-4.828a9 9 0 0 1 .317-1.823c.5-1.708 1.521-3.197 2.115-4.859c.303-.803.521-1.767.281-2.605a3.2 3.2 0 0 0-.62-1.135c-.077-.099-.536-.62-.719-.557c.803-.303 1.521-.021 2.219.396c.537.323.959.781 1.276 1.301c.6.959.839 2.057.959 3.172c.041.464-.016 1.584.521 1.803c.563.239 1-.699 1.12-1.079c.26-.859-.079-1.683-.417-2.479c.079.161.38.339.516.463l.479.459c.584.599.943 1.339 1.183 2.136c.219.719.317 1.459.359 2.177c.1 1.5-.239 3.041-.839 4.416a6.1 6.1 0 0 1-1.041 1.699c-.421.495-.995.817-1.453 1.276c1.073-1.079 1.652-2.839 1.495-4.177a3.74 3.74 0 0 0-.88-2.095s.063.48.12.776c.099.663-.344 1.36-.859 1.281c-.381-.041-.183-.859-.141-1.119c.141-.776-.041-1.537-.328-2.256c-.276-.683-.797-1.219-1.593-1.099z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M31.959 16.421c0 3.333-1.141 6.292-3.469 8.907c-.844.975-1.52 1.437-1.979 1.437c-.161 0-.344-.047-.464-.167a.68.68 0 0 1-.197-.468c0-.251.296-.631.896-1.183c2.416-2.317 3.635-5.193 3.635-8.609c0-3.797-1.255-6.869-3.755-9.251c-.495-.452-.761-.833-.761-1.135c0-.156.084-.339.219-.459a.74.74 0 0 1 .464-.197c.557 0 1.401.676 2.459 2.036c1.995 2.536 2.995 5.593 2.995 9.125zM0 15.579c0-3.333 1.14-6.292 3.464-8.912c.848-.969 1.525-1.432 1.989-1.432c.156 0 .339.041.459.167c.119.125.197.249.197.416c0 .251-.303.636-.901 1.224c-2.369 2.328-3.615 5.193-3.615 8.615c0 3.797 1.271 6.88 3.767 9.251c.504.457.755.843.755 1.135a.65.65 0 0 1-.213.469a.7.7 0 0 1-.469.208c-.577 0-1.375-.677-2.437-2.021C.98 22.204.001 19.163.001 15.58zm23.599 9.156H8.954a.89.89 0 0 1-.891-.885c0-.511.38-.891.891-.891h14.645c.464 0 .891.38.891.891c-.011.511-.385.885-.891.885m-8-11.891c.261-.037.459.817.48 1c.061.468-.095.921-.308 1.333c-.797 1.557-2.635 2.807-2.145 4.771c.219.844.656 1.432 2.015 2.156c-.457.156-1.099-.145-1.457-.401c-1.599-1.088-2.615-2.875-2.516-4.828a9 9 0 0 1 .317-1.823c.5-1.708 1.521-3.197 2.115-4.859c.303-.803.521-1.767.281-2.605a3.2 3.2 0 0 0-.62-1.135c-.077-.099-.536-.62-.719-.557c.803-.303 1.521-.021 2.219.396c.537.323.959.781 1.276 1.301c.6.959.839 2.057.959 3.172c.041.464-.016 1.584.521 1.803c.563.239 1-.699 1.12-1.079c.26-.859-.079-1.683-.417-2.479c.079.161.38.339.516.463l.479.459c.584.599.943 1.339 1.183 2.136c.219.719.317 1.459.359 2.177c.1 1.5-.239 3.041-.839 4.416a6.1 6.1 0 0 1-1.041 1.699c-.421.495-.995.817-1.453 1.276c1.073-1.079 1.652-2.839 1.495-4.177a3.74 3.74 0 0 0-.88-2.095s.063.48.12.776c.099.663-.344 1.36-.859 1.281c-.381-.041-.183-.859-.141-1.119c.141-.776-.041-1.537-.328-2.256c-.276-.683-.797-1.219-1.593-1.099z"/></svg> </template>
CSS
.icon-freecodecamp {
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%22M31.959%2016.421c0%203.333-1.141%206.292-3.469%208.907c-.844.975-1.52%201.437-1.979%201.437c-.161%200-.344-.047-.464-.167a.68.68%200%200%201-.197-.468c0-.251.296-.631.896-1.183c2.416-2.317%203.635-5.193%203.635-8.609c0-3.797-1.255-6.869-3.755-9.251c-.495-.452-.761-.833-.761-1.135c0-.156.084-.339.219-.459a.74.74%200%200%201%20.464-.197c.557%200%201.401.676%202.459%202.036c1.995%202.536%202.995%205.593%202.995%209.125zM0%2015.579c0-3.333%201.14-6.292%203.464-8.912c.848-.969%201.525-1.432%201.989-1.432c.156%200%20.339.041.459.167c.119.125.197.249.197.416c0%20.251-.303.636-.901%201.224c-2.369%202.328-3.615%205.193-3.615%208.615c0%203.797%201.271%206.88%203.767%209.251c.504.457.755.843.755%201.135a.65.65%200%200%201-.213.469a.7.7%200%200%201-.469.208c-.577%200-1.375-.677-2.437-2.021C.98%2022.204.001%2019.163.001%2015.58zm23.599%209.156H8.954a.89.89%200%200%201-.891-.885c0-.511.38-.891.891-.891h14.645c.464%200%20.891.38.891.891c-.011.511-.385.885-.891.885m-8-11.891c.261-.037.459.817.48%201c.061.468-.095.921-.308%201.333c-.797%201.557-2.635%202.807-2.145%204.771c.219.844.656%201.432%202.015%202.156c-.457.156-1.099-.145-1.457-.401c-1.599-1.088-2.615-2.875-2.516-4.828a9%209%200%200%201%20.317-1.823c.5-1.708%201.521-3.197%202.115-4.859c.303-.803.521-1.767.281-2.605a3.2%203.2%200%200%200-.62-1.135c-.077-.099-.536-.62-.719-.557c.803-.303%201.521-.021%202.219.396c.537.323.959.781%201.276%201.301c.6.959.839%202.057.959%203.172c.041.464-.016%201.584.521%201.803c.563.239%201-.699%201.12-1.079c.26-.859-.079-1.683-.417-2.479c.079.161.38.339.516.463l.479.459c.584.599.943%201.339%201.183%202.136c.219.719.317%201.459.359%202.177c.1%201.5-.239%203.041-.839%204.416a6.1%206.1%200%200%201-1.041%201.699c-.421.495-.995.817-1.453%201.276c1.073-1.079%201.652-2.839%201.495-4.177a3.74%203.74%200%200%200-.88-2.095s.063.48.12.776c.099.663-.344%201.36-.859%201.281c-.381-.041-.183-.859-.141-1.119c.141-.776-.041-1.537-.328-2.256c-.276-.683-.797-1.219-1.593-1.099z%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%22M31.959%2016.421c0%203.333-1.141%206.292-3.469%208.907c-.844.975-1.52%201.437-1.979%201.437c-.161%200-.344-.047-.464-.167a.68.68%200%200%201-.197-.468c0-.251.296-.631.896-1.183c2.416-2.317%203.635-5.193%203.635-8.609c0-3.797-1.255-6.869-3.755-9.251c-.495-.452-.761-.833-.761-1.135c0-.156.084-.339.219-.459a.74.74%200%200%201%20.464-.197c.557%200%201.401.676%202.459%202.036c1.995%202.536%202.995%205.593%202.995%209.125zM0%2015.579c0-3.333%201.14-6.292%203.464-8.912c.848-.969%201.525-1.432%201.989-1.432c.156%200%20.339.041.459.167c.119.125.197.249.197.416c0%20.251-.303.636-.901%201.224c-2.369%202.328-3.615%205.193-3.615%208.615c0%203.797%201.271%206.88%203.767%209.251c.504.457.755.843.755%201.135a.65.65%200%200%201-.213.469a.7.7%200%200%201-.469.208c-.577%200-1.375-.677-2.437-2.021C.98%2022.204.001%2019.163.001%2015.58zm23.599%209.156H8.954a.89.89%200%200%201-.891-.885c0-.511.38-.891.891-.891h14.645c.464%200%20.891.38.891.891c-.011.511-.385.885-.891.885m-8-11.891c.261-.037.459.817.48%201c.061.468-.095.921-.308%201.333c-.797%201.557-2.635%202.807-2.145%204.771c.219.844.656%201.432%202.015%202.156c-.457.156-1.099-.145-1.457-.401c-1.599-1.088-2.615-2.875-2.516-4.828a9%209%200%200%201%20.317-1.823c.5-1.708%201.521-3.197%202.115-4.859c.303-.803.521-1.767.281-2.605a3.2%203.2%200%200%200-.62-1.135c-.077-.099-.536-.62-.719-.557c.803-.303%201.521-.021%202.219.396c.537.323.959.781%201.276%201.301c.6.959.839%202.057.959%203.172c.041.464-.016%201.584.521%201.803c.563.239%201-.699%201.12-1.079c.26-.859-.079-1.683-.417-2.479c.079.161.38.339.516.463l.479.459c.584.599.943%201.339%201.183%202.136c.219.719.317%201.459.359%202.177c.1%201.5-.239%203.041-.839%204.416a6.1%206.1%200%200%201-1.041%201.699c-.421.495-.995.817-1.453%201.276c1.073-1.079%201.652-2.839%201.495-4.177a3.74%203.74%200%200%200-.88-2.095s.063.48.12.776c.099.663-.344%201.36-.859%201.281c-.381-.041-.183-.859-.141-1.119c.141-.776-.041-1.537-.328-2.256c-.276-.683-.797-1.219-1.593-1.099z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/freecodecamp.svg?color=%231a73e8&size=48
