Codecademy icon

logos:codecademy

The Codecademy icon (logos:codecademy) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 108 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 108

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="108" viewBox="0 0 512 108"><g fill="#204156"><path d="M20.948 74.177c-.922-2.796-1.38-6.326-1.38-11.072c0-4.748.458-8.286 1.38-11.075c2.575-8.003 9.399-12.376 18.333-12.376c6.635 0 11.889 2.7 15.394 6.98c.27.37.362.928-.093 1.3l-5.803 5.119c-.463.375-.922.281-1.293-.183c-2.214-2.512-4.517-3.91-8.203-3.91c-3.96 0-6.999 1.955-8.292 5.863c-.732 2.239-.92 4.841-.92 8.283c0 3.443.186 6.14.92 8.375c1.291 3.812 4.332 5.767 8.292 5.767c3.686 0 5.99-1.397 8.203-3.903c.371-.472.83-.472 1.293-.099l5.803 5.12c.455.37.364.837.093 1.304c-3.503 4.19-8.757 6.886-15.394 6.886c-8.934-.004-15.758-4.38-18.333-12.379m201.326 0c-.922-2.796-1.38-6.326-1.38-11.072c0-4.748.458-8.286 1.38-11.075c2.581-8.003 9.397-12.376 18.332-12.376c6.637 0 11.892 2.7 15.392 6.98c.274.37.37.928-.095 1.3l-5.805 5.119c-.46.375-.918.281-1.288-.183c-2.21-2.512-4.515-3.91-8.204-3.91c-3.959 0-7.001 1.955-8.289 5.863c-.739 2.239-.918 4.841-.918 8.283c0 3.443.18 6.14.918 8.375c1.288 3.812 4.33 5.767 8.289 5.767c3.69 0 5.994-1.397 8.204-3.903c.37-.472.829-.472 1.288-.099l5.805 5.12c.464.37.37.837.095 1.304c-3.5 4.19-8.755 6.886-15.392 6.886c-8.935-.004-15.75-4.38-18.332-12.379m232.69 11.354c-.553 0-.92-.37-.92-.932V58.732c0-5.77-2.86-9.774-8.39-9.774c-5.343 0-8.475 4.001-8.475 9.774v25.867c0 .561-.371.932-.92.932h-8.481c-.552 0-.924-.37-.924-.932V58.732c0-5.77-2.855-9.774-8.376-9.774c-5.347 0-8.483 4.001-8.483 9.774v25.867c0 .561-.368.932-.922.932h-8.477c-.556 0-.92-.37-.92-.932V41.607c0-.56.364-.933.92-.933h8.477c.554 0 .922.373.922.933v3.257h.093c1.938-2.792 5.805-5.21 11.7-5.21c5.255 0 9.493 2.136 12.16 5.953h.095c3.408-3.718 7.834-5.953 14.192-5.953c10.316 0 16.126 7.07 16.126 16.656v28.287c0 .563-.372.934-.926.934zm22.199 16.749c-.551 0-.919-.374-.919-.935v-7.442c0-.556.368-.935.919-.935h1.66c3.5 0 5.256-1.575 6.635-5.3l1.292-3.815l-16.219-42.248c-.186-.56.185-.933.74-.933h9.12c.553 0 .922.374 1.102.933l10.048 29.313h.181l9.586-29.313c.184-.56.554-.933 1.101-.933h8.752c.557 0 .927.374.739.933L494.949 88.32c-3.867 10.61-7.559 13.957-14.927 13.957zM63.152 74.18c-1.013-3.169-1.474-6.144-1.474-11.075c0-4.924.46-7.903 1.474-11.06c2.488-7.817 9.3-12.379 18.328-12.379c8.933 0 15.749 4.56 18.237 12.379c1.008 3.157 1.472 6.136 1.472 11.06c0 4.93-.464 7.906-1.472 11.076c-2.49 7.811-9.304 12.37-18.237 12.37c-9.028.001-15.84-4.557-18.328-12.37m26.617-2.791c.739-2.323.922-4.467.922-8.284c0-3.806-.183-5.856-.922-8.272c-1.288-3.719-4.145-5.864-8.289-5.864c-4.142 0-7.094 2.145-8.38 5.864c-.734 2.418-.92 4.466-.92 8.272c0 3.817.186 5.96.92 8.284c1.286 3.725 4.24 5.858 8.38 5.858c4.144-.002 7.001-2.134 8.289-5.858m190.919-31.736c-7.28 0-12.161 1.766-15.758 4.373c-.364.283-.459.742-.179 1.207l3.4 6.145c.286.466.831.56 1.296.187c2.12-1.672 5.157-3.073 10.136-3.073c7.26 0 9.724 2.203 9.85 7.044h.001v.06q.005.168.004.347v14.518c0 5.118-3.5 7.626-9.855 7.626c-4.98 0-7.648-1.857-7.648-5.577c0-4.19 2.95-6.056 9.582-6.056l2.016.004c.552 0 .924-.373.924-.927v-5.966c0-.556-.372-.928-.924-.928h-.443l-3.23-.002c-10.964 0-17.789 4.474-17.789 14.239c0 9.4 6.825 13.679 14.93 13.679c6.26 0 10.408-2.138 12.528-5.21h.09v3.258c0 .56.373.933.924.933h7.738c.554 0 .924-.371.924-.933V55.29c.001-10.979-4.973-15.635-18.517-15.635M170.606 58.633c-.24 0-.398.16-.398.4v7.017c0 .24.158.402.398.402h22.816c.646 0 1.015-.37 1.015-.924c0-7.265-.464-10.337-1.474-13.498c-2.491-7.63-9.123-12.375-18.246-12.375c-8.844 0-15.66 4.558-18.152 12.375c-.917 2.885-1.474 6.422-1.474 11.075s.645 8.093 1.573 10.98c2.486 7.814 9.117 12.467 18.514 12.467c8.198 0 14.468-3.164 18.242-7.63c.366-.463.366-.928-.093-1.304l-5.431-4.838c-.465-.371-.924-.275-1.387.186c-2.208 2.422-5.433 4.282-10.409 4.282c-4.97 0-8.475-2.418-9.95-6.79a11 11 0 0 1-.523-1.95h-.002c-.335-1.895-.533-3.739-.533-6.447c.072-2.553.22-4.183.581-6.255l.015-.08l.01-.06v.002c.088-.488.209-.947.358-1.405c1.198-3.628 4.514-5.768 8.756-5.768c4.147 0 7.459 2.14 8.657 5.768c.371 1.123.552 2.234.552 3.82q0 .554-.552.553h-12.106l.002-.001zM146.53 22.256h-8.462c-.558 0-.925.372-.925.924v42.396h-.047c-.099 2.565-.377 4.251-.87 5.832c-1.196 3.713-4.054 5.756-8.282 5.756c-4.14 0-6.99-2.043-8.191-5.756c-.643-2.047-.915-4.275-.915-8.363c0-4.086.272-6.319.915-8.358c1.178-3.643 3.937-5.7 7.94-5.781h3.613c.176-.043.29-.182.29-.382l.047-8.495a.37.37 0 0 0-.337-.388l-2.884-.01h-3.39v.001c-7.418.079-12.847 3.695-15.121 10.771c-1.105 3.442-1.565 6.607-1.565 12.642c0 6.038.46 9.199 1.565 12.634c2.299 7.156 7.82 10.78 15.363 10.78c5.983 0 9.664-2.226 11.775-5.297h.09v3.345c0 .56.37.931.926.931h8.462c.553 0 .922-.37.922-.93V23.18c.004-.554-.366-.924-.918-.924m221.855 36.377c-.236 0-.398.16-.398.4v7.017c0 .24.162.402.398.402h22.822c.644 0 1.013-.37 1.013-.924c0-7.265-.463-10.337-1.472-13.498c-2.492-7.63-9.125-12.375-18.244-12.375c-8.847 0-15.663 4.558-18.154 12.375c-.919 2.885-1.475 6.422-1.475 11.075s.646 8.093 1.573 10.98c2.484 7.814 9.118 12.467 18.515 12.467c8.197 0 14.468-3.164 18.244-7.63c.366-.463.366-.928-.095-1.304l-5.432-4.838c-.462-.371-.922-.275-1.384.186c-2.208 2.422-5.432 4.282-10.411 4.282c-4.97 0-8.474-2.418-9.95-6.79a11 11 0 0 1-.52-1.95h-.002c-.337-1.895-.534-3.739-.534-6.447c.068-2.553.215-4.183.579-6.255l.014-.08c.004-.022.008-.038.011-.06v.002a11 11 0 0 1 .359-1.405c1.196-3.628 4.515-5.768 8.757-5.768c4.147 0 7.458 2.14 8.656 5.768c.37 1.123.555 2.234.555 3.82q0 .554-.555.553H369.15v-.001zm-32.114-36.377c-.555 0-.924.373-.924.926V65.64c-.145 2.57-.425 4.257-.918 5.84c-1.199 3.72-4.061 5.768-8.293 5.768c-4.143 0-6.999-2.048-8.202-5.769c-.64-2.05-.92-4.28-.92-8.374c0-4.092.276-6.33.92-8.372c1.178-3.648 3.942-5.69 7.953-5.77l3.618.002c.554 0 .924-.372.924-.926v-7.456c0-.556-.37-.928-.924-.928h-.443l-5.47-.001h-.371c-7.426.079-12.864 3.702-15.14 10.789c-1.107 3.447-1.566 6.613-1.566 12.658c0 6.047.459 9.214 1.566 12.655c2.301 7.164 7.833 10.794 15.386 10.794c5.991 0 9.677-2.228 11.794-5.304l.09 3.35c0 .562.369.932.925.932h8.477c.553 0 .924-.368.924-.933V23.182c-.007-.554-.377-.926-.927-.926zm-114.69 75.962v8.48c0 .557.37.927.923.927h31.42c.56 0 .932-.372.932-.928v-8.479c0-.55-.371-.922-.933-.922h-31.419c-.554 0-.923.372-.923.922"/><path d="M213.605.3c-.014-.015-.023-.033-.036-.045l-.003-.002a.92.92 0 0 0-.664-.253H1.116q-.105 0-.2.018L.862.032C.82.043.776.052.738.068L.72.078C.392.211.19.517.19.923v105.768c0 .323.126.576.338.737c.016.016.03.03.052.041v.002a1 1 0 0 0 .536.144H212.9c.312 0 .565-.12.725-.327a.93.93 0 0 0 .199-.599V.924a.93.93 0 0 0-.219-.624M11.43 97.293q-.1 0-.188-.015c-.018-.003-.038-.012-.056-.017c-.043-.01-.086-.018-.125-.035c-.007-.001-.011-.007-.018-.009c-.327-.132-.526-.437-.528-.839V11.247c0-.408.201-.71.528-.847l.02-.009c.037-.014.16-.045.179-.05q.09-.015.192-.015h191.145q.101 0 .192.015q.03.008.054.018a1 1 0 0 1 .125.034c.01.002.013.007.02.009c.328.134.527.44.527.846V96.38c-.001.403-.202.708-.525.841c-.007.002-.01.007-.02.009a1 1 0 0 1-.124.034c-.02.005-.035.014-.055.018c-.061.01-.12.014-.187.014H11.43z"/></g></svg>

How to use the Codecademy icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:codecademy" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:codecademy" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:codecademy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--codecademy]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:codecademy"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:codecademy"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/codecademy.svg" alt="Codecademy icon" width="24" height="24">

Codecademy icon in other icon sets

Codecademy icon FAQ

Is the Codecademy icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Codecademy icon in React?

Install @iconify/react and render <Icon icon="logos:codecademy" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Codecademy icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/codecademy.svg" alt="Codecademy icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →