Ícone Free Code Camp
la:free-code-camp
O ícone Free Code Camp (la:free-code-camp) é um ícone SVG gratuito da coleção Line Awesome de Icons8. Ele é desenhado em uma grade de 32 × 32. Line Awesome icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Line Awesome
- Autor
- Icons8
- Licença
- Apache-2.0
- Tamanho
- 32 × 32
- Categoria
- Outros
- Tags
- freecode, codecamp, freecodecamp
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M6.03 6C4.774 6 1 10.166 1 16.318C1 21.708 4.653 26 6.088 26c.39 0 .912-.427.912-.863c0-.353-.38-.828-1.291-1.825c-.208-.229-.39-.427-.486-.552C3.859 20.977 2.974 18.528 3 15.979c.027-2.621 1.011-5.349 3.064-7.569l.135-.144c.338-.36.801-.852.801-1.342S6.457 6 6.03 6m19.94 0c-.427 0-.97.434-.97.924s.463.983.8 1.342l.136.144c2.053 2.22 3.037 4.948 3.064 7.569c.026 2.549-.859 4.998-2.223 6.78c-.096.126-.278.325-.486.553C25.38 24.31 25 24.785 25 25.137c0 .436.522.863.912.863C27.347 26 31 21.707 31 16.318C31 10.166 27.225 6 25.97 6M13.093 7.025c-.134.033-.215.104-.215.227s.131.205.234.256c.472.287 1.006 1.097 1.006 1.959c0 2.369-2.965 4.522-2.965 6.984c-.01 2.072 1.448 3.724 3.356 4.422c.226.092.625.266.625-.062c0-.134-.112-.143-.215-.184a1.96 1.96 0 0 1-.984-.781c-.421-.616-.514-1.242-.514-1.98c0-1.642 2.268-1.94 2.268-3.59c0-.627-.4-.811-.4-.985c0-.113.04-.113.153-.113c.411 0 .975.676 1.149 1.015c.113.236.123.309.123.565c0 .359-.031.728-.031 1.097c0 1.385 1.63 1.015 1.63.348c0-.307-.183-.593-.183-.89c0-.043 0-.063.04-.063c.175 0 .481.39.563.514c.297.46.442 1.065.442 1.609c0 1.662-1.518 2.512-1.518 2.871c0 .052.153.402.625.104C19.8 19.568 21 17.906 21 15.742c0-1.724-.44-2.964-1.64-4.232c-.206-.216-.843-.873-1.16-.873c-.422 0 .368.953.368 1.6c0 .368-.246.636-.625.636c-.595 0-.75-1.303-.822-1.713c-.297-1.733-.656-2.985-2.379-3.795c-.4-.193-1.25-.437-1.65-.34zM10.002 23c-.557 0-.979.438-.979 1.016c0 .543.44.984.979.984H22.16c.197 0 .84-.074.84-1.016c0-.598-.33-.984-.84-.984z"/></svg>Como usar o ícone Free Code Camp
React
import { Icon } from "@iconify/react";
<Icon icon="la:free-code-camp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:free-code-camp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:free-code-camp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--free-code-camp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la: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="la:free-code-camp"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/la/free-code-camp.svg" alt="Ícone Free Code Camp" width="24" height="24">Ícones relacionados em Line Awesome
O ícone Free Code Camp em outras coleções
Perguntas frequentes sobre Ícone Free Code Camp
O ícone Free Code Camp é grátis para uso comercial?
Sim. Line Awesome icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Free Code Camp no React?
Instale @iconify/react e renderize <Icon icon="la:free-code-camp" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Free Code Camp a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/la/free-code-camp.svg" alt="Ícone Free Code Camp">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.