Free Code Camp icon
fa:free-code-camp
The Free Code Camp icon (fa:free-code-camp) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 2304 × 1600 grid. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Font Awesome 4
- Author
- Dave Gandy
- License
- OFL-1.1
- Size
- 2304 × 1600
- Tags
- freecode, codecamp, freecodecamp
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2304" height="1600" viewBox="0 0 2304 1600"><path fill="currentColor" d="M453 1541q0 21-16 37.5t-37 16.5q-1 0-13-3q-63-15-162-140Q0 1168 0 776q0-341 213-614q39-51 95-103.5T402 6q19 0 35 13.5T453 52q0 27-63 90q-98 102-147 184q-119 199-119 449q0 281 123 491q50 85 136 173q2 3 14.5 16t19.5 21t17 20.5t14.5 23.5t4.5 21m1343-134q0 29-17.5 48.5T1732 1475H651q-26 0-45-19t-19-45q0-29 17.5-48.5T651 1343h1081q26 0 45 19t19 45m-215-611q0 134-67 233q-25 38-69.5 78.5T1361 1168q-16 10-27 10q-7 0-15-6t-8-12q0-9 19-30t42-46t42-67.5t19-88.5q0-76-35-130q-29-42-46-42q-3 0-3 5q0 12 7.5 35.5t7.5 36.5q0 22-21.5 35t-44.5 13q-66 0-66-76q0-15 1.5-44t1.5-44q0-25-10-46q-13-25-42-53.5t-51-28.5q-5 0-7 .5t-3.5 2.5t-1.5 6q0 2 16 26t16 54q0 37-19 68t-46 54t-53.5 46t-45.5 54t-19 68q0 98 42 160q29 43 79 63q16 5 17 10q1 2 1 5q0 16-18 16q-6 0-33-11q-119-43-195-139.5T786 853q0-55 24.5-115.5t60-115T941 514t59.5-113.5T1025 289q0-53-25-94q-29-48-56-64q-19-9-19-21q0-20 41-20q50 0 110 29q41 19 71 44.5t49.5 51T1230 277t22 69t16 80q0 1 3 17.5t4.5 25t5.5 25t9 27t11 21.5t14.5 16.5t18.5 5.5q23 0 37-14t14-37q0-25-20-67t-20-52t10-10q27 0 93 70q72 76 102.5 156t30.5 186m723 29q0 274-138 503q-19 32-48 72t-68 86.5t-81 77t-74 30.5q-16 0-31-15.5t-15-31.5q0-15 29-50.5t68.5-77t48.5-52.5q183-230 183-531q0-131-20.5-235T2085 390q-58-119-163-228q-2-3-13-13.5t-16.5-16.5t-15-17.5t-15-20T1853 76t-4-19q0-19 16-35.5T1900 5q70 0 196 169q98 131 146 273t60 314q2 42 2 64"/></svg>How to use the Free Code Camp icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa:free-code-camp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa:free-code-camp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa:free-code-camp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--free-code-camp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:free-code-camp"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa:free-code-camp"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fa/free-code-camp.svg" alt="Free Code Camp icon" width="24" height="24">Free Code Camp icon in other icon sets
Free Code Camp icon FAQ
Is the Free Code Camp icon free for commercial use?
Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Free Code Camp icon in React?
Install @iconify/react and render <Icon icon="fa:free-code-camp" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Free Code Camp icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/free-code-camp.svg" alt="Free Code Camp icon">, or paste the SVG code inline to style it with CSS.