free code camp logo

free-code-camp from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: free-code-camp
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

free-code-campFont Awesome 6 Brands free-code-campLine Awesome

Use the free code camp logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M129.4 160.2c10.4-10.6 16-17.1 16-21.9c0-2.8-1.9-5.5-3.8-7.4c-2.4-1.8-5.4-2.8-8.4-2.8c-8.5 0-20.9 8.8-35.8 25.7c-41.5 47.3-62.7 93.1-61.8 160.6s17.4 116.9 54 161.8c18.8 23.6 33.2 35.8 43.5 35.8c3.2-.3 6.1-1.6 8.4-3.8c1.9-2.8 3.8-5.6 3.8-8.4c0-5.6-3.9-12.2-13.2-20.6c-44.5-42.3-67.3-97-67.5-165c-.2-61.4 21.6-112.4 64.8-154m142.2 323.9l.9.6zm93.8.6l.2-.1c-.2.1-.3.2-.2.1m3.1-158.2c-16.2-4.2 50.4-82.9-68.1-177.2c0 0 15.5 49.4-62.8 159.6c-74.3 104.4 23.5 168.7 34 175.2c-6.7-4.3-47.4-35.7 9.6-128.6c11-18.3 25.5-34.9 43.5-72.2c0 0 15.9 22.4 7.6 71.1c-12.5 73.6 53.8 52.5 54.8 53.5c22.8 26.8-17.7 73.5-21.6 76.6c5.5-3.7 117.7-78 33-188.1c-6 6-13.8 34.2-30 30.1M543 153.7c-14.9-16.9-27.4-25.7-35.9-25.7c-3 .1-5.9 1.1-8.4 2.8c-1.9 1.9-3.8 4.7-3.8 7.4c0 4.8 5.6 11.3 16 21.9c43.2 41.6 65 92.6 64.8 154.1c-.2 68-23 122.6-67.5 165c-9.3 8.4-13.2 14.9-13.2 20.6c0 2.7 1.9 5.6 3.8 8.4c2.3 2.2 5.2 3.6 8.4 3.8c10.3 0 24.7-12.1 43.5-35.8c36.6-44.9 53.1-94.4 54.1-161.9S584.5 201 543 153.7"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsFreeCodeCamp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M129.4 160.2c10.4-10.6 16-17.1 16-21.9c0-2.8-1.9-5.5-3.8-7.4c-2.4-1.8-5.4-2.8-8.4-2.8c-8.5 0-20.9 8.8-35.8 25.7c-41.5 47.3-62.7 93.1-61.8 160.6s17.4 116.9 54 161.8c18.8 23.6 33.2 35.8 43.5 35.8c3.2-.3 6.1-1.6 8.4-3.8c1.9-2.8 3.8-5.6 3.8-8.4c0-5.6-3.9-12.2-13.2-20.6c-44.5-42.3-67.3-97-67.5-165c-.2-61.4 21.6-112.4 64.8-154m142.2 323.9l.9.6zm93.8.6l.2-.1c-.2.1-.3.2-.2.1m3.1-158.2c-16.2-4.2 50.4-82.9-68.1-177.2c0 0 15.5 49.4-62.8 159.6c-74.3 104.4 23.5 168.7 34 175.2c-6.7-4.3-47.4-35.7 9.6-128.6c11-18.3 25.5-34.9 43.5-72.2c0 0 15.9 22.4 7.6 71.1c-12.5 73.6 53.8 52.5 54.8 53.5c22.8 26.8-17.7 73.5-21.6 76.6c5.5-3.7 117.7-78 33-188.1c-6 6-13.8 34.2-30 30.1M543 153.7c-14.9-16.9-27.4-25.7-35.9-25.7c-3 .1-5.9 1.1-8.4 2.8c-1.9 1.9-3.8 4.7-3.8 7.4c0 4.8 5.6 11.3 16 21.9c43.2 41.6 65 92.6 64.8 154.1c-.2 68-23 122.6-67.5 165c-9.3 8.4-13.2 14.9-13.2 20.6c0 2.7 1.9 5.6 3.8 8.4c2.3 2.2 5.2 3.6 8.4 3.8c10.3 0 24.7-12.1 43.5-35.8c36.6-44.9 53.1-94.4 54.1-161.9S584.5 201 543 153.7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M129.4 160.2c10.4-10.6 16-17.1 16-21.9c0-2.8-1.9-5.5-3.8-7.4c-2.4-1.8-5.4-2.8-8.4-2.8c-8.5 0-20.9 8.8-35.8 25.7c-41.5 47.3-62.7 93.1-61.8 160.6s17.4 116.9 54 161.8c18.8 23.6 33.2 35.8 43.5 35.8c3.2-.3 6.1-1.6 8.4-3.8c1.9-2.8 3.8-5.6 3.8-8.4c0-5.6-3.9-12.2-13.2-20.6c-44.5-42.3-67.3-97-67.5-165c-.2-61.4 21.6-112.4 64.8-154m142.2 323.9l.9.6zm93.8.6l.2-.1c-.2.1-.3.2-.2.1m3.1-158.2c-16.2-4.2 50.4-82.9-68.1-177.2c0 0 15.5 49.4-62.8 159.6c-74.3 104.4 23.5 168.7 34 175.2c-6.7-4.3-47.4-35.7 9.6-128.6c11-18.3 25.5-34.9 43.5-72.2c0 0 15.9 22.4 7.6 71.1c-12.5 73.6 53.8 52.5 54.8 53.5c22.8 26.8-17.7 73.5-21.6 76.6c5.5-3.7 117.7-78 33-188.1c-6 6-13.8 34.2-30 30.1M543 153.7c-14.9-16.9-27.4-25.7-35.9-25.7c-3 .1-5.9 1.1-8.4 2.8c-1.9 1.9-3.8 4.7-3.8 7.4c0 4.8 5.6 11.3 16 21.9c43.2 41.6 65 92.6 64.8 154.1c-.2 68-23 122.6-67.5 165c-9.3 8.4-13.2 14.9-13.2 20.6c0 2.7 1.9 5.6 3.8 8.4c2.3 2.2 5.2 3.6 8.4 3.8c10.3 0 24.7-12.1 43.5-35.8c36.6-44.9 53.1-94.4 54.1-161.9S584.5 201 543 153.7"/></svg>
</template>

CSS

.icon-free-code-camp {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M129.4%20160.2c10.4-10.6%2016-17.1%2016-21.9c0-2.8-1.9-5.5-3.8-7.4c-2.4-1.8-5.4-2.8-8.4-2.8c-8.5%200-20.9%208.8-35.8%2025.7c-41.5%2047.3-62.7%2093.1-61.8%20160.6s17.4%20116.9%2054%20161.8c18.8%2023.6%2033.2%2035.8%2043.5%2035.8c3.2-.3%206.1-1.6%208.4-3.8c1.9-2.8%203.8-5.6%203.8-8.4c0-5.6-3.9-12.2-13.2-20.6c-44.5-42.3-67.3-97-67.5-165c-.2-61.4%2021.6-112.4%2064.8-154m142.2%20323.9l.9.6zm93.8.6l.2-.1c-.2.1-.3.2-.2.1m3.1-158.2c-16.2-4.2%2050.4-82.9-68.1-177.2c0%200%2015.5%2049.4-62.8%20159.6c-74.3%20104.4%2023.5%20168.7%2034%20175.2c-6.7-4.3-47.4-35.7%209.6-128.6c11-18.3%2025.5-34.9%2043.5-72.2c0%200%2015.9%2022.4%207.6%2071.1c-12.5%2073.6%2053.8%2052.5%2054.8%2053.5c22.8%2026.8-17.7%2073.5-21.6%2076.6c5.5-3.7%20117.7-78%2033-188.1c-6%206-13.8%2034.2-30%2030.1M543%20153.7c-14.9-16.9-27.4-25.7-35.9-25.7c-3%20.1-5.9%201.1-8.4%202.8c-1.9%201.9-3.8%204.7-3.8%207.4c0%204.8%205.6%2011.3%2016%2021.9c43.2%2041.6%2065%2092.6%2064.8%20154.1c-.2%2068-23%20122.6-67.5%20165c-9.3%208.4-13.2%2014.9-13.2%2020.6c0%202.7%201.9%205.6%203.8%208.4c2.3%202.2%205.2%203.6%208.4%203.8c10.3%200%2024.7-12.1%2043.5-35.8c36.6-44.9%2053.1-94.4%2054.1-161.9S584.5%20201%20543%20153.7%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M129.4%20160.2c10.4-10.6%2016-17.1%2016-21.9c0-2.8-1.9-5.5-3.8-7.4c-2.4-1.8-5.4-2.8-8.4-2.8c-8.5%200-20.9%208.8-35.8%2025.7c-41.5%2047.3-62.7%2093.1-61.8%20160.6s17.4%20116.9%2054%20161.8c18.8%2023.6%2033.2%2035.8%2043.5%2035.8c3.2-.3%206.1-1.6%208.4-3.8c1.9-2.8%203.8-5.6%203.8-8.4c0-5.6-3.9-12.2-13.2-20.6c-44.5-42.3-67.3-97-67.5-165c-.2-61.4%2021.6-112.4%2064.8-154m142.2%20323.9l.9.6zm93.8.6l.2-.1c-.2.1-.3.2-.2.1m3.1-158.2c-16.2-4.2%2050.4-82.9-68.1-177.2c0%200%2015.5%2049.4-62.8%20159.6c-74.3%20104.4%2023.5%20168.7%2034%20175.2c-6.7-4.3-47.4-35.7%209.6-128.6c11-18.3%2025.5-34.9%2043.5-72.2c0%200%2015.9%2022.4%207.6%2071.1c-12.5%2073.6%2053.8%2052.5%2054.8%2053.5c22.8%2026.8-17.7%2073.5-21.6%2076.6c5.5-3.7%20117.7-78%2033-188.1c-6%206-13.8%2034.2-30%2030.1M543%20153.7c-14.9-16.9-27.4-25.7-35.9-25.7c-3%20.1-5.9%201.1-8.4%202.8c-1.9%201.9-3.8%204.7-3.8%207.4c0%204.8%205.6%2011.3%2016%2021.9c43.2%2041.6%2065%2092.6%2064.8%20154.1c-.2%2068-23%20122.6-67.5%20165c-9.3%208.4-13.2%2014.9-13.2%2020.6c0%202.7%201.9%205.6%203.8%208.4c2.3%202.2%205.2%203.6%208.4%203.8c10.3%200%2024.7-12.1%2043.5-35.8c36.6-44.9%2053.1-94.4%2054.1-161.9S584.5%20201%20543%20153.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/free-code-camp.svg?color=%231a73e8&size=48