Home/Libraries/SVG Logos (Iconify)/codecademy

SVG Logos (Iconify)

Codecademy

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 108"><g fill="#818cf8"><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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CodecademyIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.