ICONYZ
English
Khan Academy icon from SVG Logos

Khan Academy icon

logos:khan-academy

The Khan Academy icon (logos:khan-academy) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 82 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 × 82
Tags
khanacademy
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="82" viewBox="0 0 512 82"><path d="M511.769 33.985c.281.422.307.965.067 1.412l-18.28 44.047a1.55 1.55 0 0 1-1.345.936h-6.435a1.404 1.404 0 0 1-1.345-2.076l6.23-15.706l-9.798-27.2a1.375 1.375 0 0 1 1.345-2.019h6.435a1.23 1.23 0 0 1 1.286.877l5.558 18.514h.146l7.048-18.514c.468-.818.995-.877 1.96-.877h5.85c.505-.05.996.183 1.278.606M311.02 32.706a15.33 15.33 0 0 1 11.699 5.323c.673.673.35 1.55-.322 2.223l-2.925 3.1c-.672.732-1.403.38-2.018-.204a8.3 8.3 0 0 0-6.171-2.691a8.13 8.13 0 0 0-8.19 8.511a8.1 8.1 0 0 0 8.132 8.599a8.22 8.22 0 0 0 6.58-3.422a1.46 1.46 0 0 1 1.93-.205l2.925 2.545c.732.672 1.083 1.433.527 2.223a13.89 13.89 0 0 1-12.284 6.522a16.233 16.233 0 1 1 0-32.436zm30.74 0c9.651 0 11.698 5.031 11.698 13.513v16.7c0 .813-.65 1.476-1.462 1.492h-2.281c-.556 0-.936-.205-1.346-1.082l-.877-2.077a13.7 13.7 0 0 1-9.74 3.89a9.886 9.886 0 0 1-10.47-10.617c.146-5.498 4.65-9.74 12.488-9.74c1.98.039 3.946.334 5.85.878c0-3.948-1.024-5.85-4.3-5.85c-2.958.05-5.901.433-8.774 1.141c-.994.351-1.608-.38-1.725-1.316l-.673-3.51a1.404 1.404 0 0 1 .994-1.872a39.5 39.5 0 0 1 10.617-1.55m-156.067 0c9.681 0 11.7 5.031 11.7 13.513v16.7c0 .824-.669 1.492-1.492 1.492h-2.282c-.526 0-.936-.205-1.345-1.082l-.878-2.077a13.63 13.63 0 0 1-9.74 3.89a9.886 9.886 0 0 1-10.47-10.617c.176-5.498 4.68-9.74 12.548-9.74c1.98.035 3.946.33 5.85.878c0-3.948-.995-5.85-4.3-5.85c-2.959.05-5.902.433-8.775 1.141c-1.023.351-1.608-.38-1.755-1.316l-.672-3.51a1.404 1.404 0 0 1 .994-1.872a39.5 39.5 0 0 1 10.617-1.55m235.635 4.105a13.9 13.9 0 0 1 4.021 10.256c0 .468 0 1.55-.146 2.018a1.55 1.55 0 0 1-1.462 1.404h-19.889a7.46 7.46 0 0 0 7.722 7.195c2.413.048 4.765-.76 6.639-2.281c.76-.615 1.55-.673 2.018 0l2.632 3.48a1.316 1.316 0 0 1-.146 2.018a17.55 17.55 0 0 1-11.553 4.241A15.706 15.706 0 0 1 395.46 48.88a15.706 15.706 0 0 1 15.648-16.174a13.9 13.9 0 0 1 10.222 4.105M388.615 17.41a1.52 1.52 0 0 1 1.492 1.462V62.92c0 .824-.668 1.492-1.492 1.492h-2.486c-.731 0-1.2-.614-1.462-1.492l-.82-2.427a13.3 13.3 0 0 1-10.119 4.65c-8.482 0-14.858-6.844-14.858-16.262a15.24 15.24 0 0 1 15.384-16.174c2.541.004 5.063.439 7.459 1.287v-15.12a1.58 1.58 0 0 1 1.462-1.463zm-284.64.146c.89 0 1.61.72 1.61 1.609v18.133l16.934-19.07a1.55 1.55 0 0 1 1.316-.672h6.727a1.404 1.404 0 0 1 1.053 2.398l-17.549 19.743l18.807 22.491a1.492 1.492 0 0 1-1.2 2.37h-7.311a1.6 1.6 0 0 1-1.229-.469l-17.549-21.643v20.473c0 .894-.715 1.622-1.608 1.638h-5.85a1.61 1.61 0 0 1-1.609-1.638v-43.9a1.58 1.58 0 0 1 1.61-1.463zm167.912-.731a1.14 1.14 0 0 1 1.112.731l20.678 45.188a1.2 1.2 0 0 1-1.14 1.755h-5.85a1.93 1.93 0 0 1-1.96-1.346l-3.276-7.253h-19.947l-3.305 7.253a2.02 2.02 0 0 1-1.93 1.346h-5.85a1.17 1.17 0 0 1-1.14-1.843l20.795-45.1a1.17 1.17 0 0 1 1.017-.73zm-127.169.585a1.52 1.52 0 0 1 1.492 1.462V35.34a11.9 11.9 0 0 1 7.897-2.633c9.885 0 12.576 6.844 12.576 14.624v15.56a1.55 1.55 0 0 1-1.492 1.492h-5.44a1.49 1.49 0 0 1-1.462-1.492V47.272c0-4.3-1.96-6.903-5.645-6.903a6.376 6.376 0 0 0-6.434 5.44v17.11c0 .878-.41 1.492-1.638 1.492h-5.294a1.52 1.52 0 0 1-1.462-1.492V18.872a1.58 1.58 0 0 1 1.462-1.462zm310.64 19.976a13.25 13.25 0 0 1 10.003-4.709c9.915 0 12.284 6.318 12.284 14.36V62.89a1.52 1.52 0 0 1-1.55 1.492h-5.381a1.49 1.49 0 0 1-1.463-1.492V46.804c0-4.007-1.491-6.493-5.381-6.493a5.85 5.85 0 0 0-5.85 3.217v19.304a1.52 1.52 0 0 1-1.462 1.491h-5.148a1.46 1.46 0 0 1-1.492-1.491V46.804c0-4.007-1.14-6.493-5.089-6.493a6.14 6.14 0 0 0-5.85 4.826V62.86a1.52 1.52 0 0 1-1.462 1.491h-5.44a1.52 1.52 0 0 1-1.462-1.491l-.293-27.99c0-.813.65-1.476 1.463-1.492h2.427a1.17 1.17 0 0 1 1.258.877l1.14 2.925a11.7 11.7 0 0 1 9.477-4.504a10.56 10.56 0 0 1 9.272 4.709m-234.274-4.65c9.856 0 12.401 6.639 12.401 14.156v16.057a1.52 1.52 0 0 1-1.433 1.403h-5.557a1.49 1.49 0 0 1-1.492-1.491V46.804c0-4.007-1.609-6.493-5.352-6.493a6.844 6.844 0 0 0-6.727 4.826V62.86c0 1.14-.468 1.491-1.93 1.491h-4.973a1.55 1.55 0 0 1-1.491-1.491V34.87c0-.824.667-1.492 1.491-1.492h2.633c.6-.046 1.145.35 1.287.936l1.14 2.925a12.46 12.46 0 0 1 10.003-4.504M341 50.109c-3.568 0-5.499 1.667-5.499 4.416a4.065 4.065 0 0 0 4.475 4.358a6.7 6.7 0 0 0 5.586-3.305v-4.533a12.4 12.4 0 0 0-4.562-.936m-156.066 0c-3.569 0-5.499 1.667-5.499 4.416a4.095 4.095 0 0 0 4.504 4.358a6.64 6.64 0 0 0 5.557-3.305v-4.533a12.4 12.4 0 0 0-4.562-.936m190.315-9.74a7.84 7.84 0 0 0-7.721 8.511c0 4.388 2.486 8.6 7.34 8.6a7.11 7.11 0 0 0 6.845-4.3V42.124a12.23 12.23 0 0 0-6.464-1.755m-103.683-6.785h-.205l-6.58 14.77h13.482zm132.96 11.406h12.43a5.674 5.674 0 0 0-5.85-5.352a6.17 6.17 0 0 0-6.58 5.352"/><path fill="#14bf96" d="M4.826 16.971A10.41 10.41 0 0 0 0 25.161v31.587a10.41 10.41 0 0 0 4.826 8.19L33.167 80.79a10.97 10.97 0 0 0 9.652 0l28.37-15.853a10.41 10.41 0 0 0 4.826-8.189V25.16a10.41 10.41 0 0 0-4.826-8.189L42.848 1.119a10.97 10.97 0 0 0-9.652 0z"/><path fill="#fff" d="M67.124 33.116c-15.736 0-27.493 13.044-27.493 29.043v.673h-3.159v-.673c0-15.999-11.7-28.985-27.552-29.043v2.925A28.985 28.985 0 0 0 27.64 63.3a30.6 30.6 0 0 0 10.5 1.871A31.1 31.1 0 0 0 48.726 63.3a29.015 29.015 0 0 0 18.69-27.26c-.147-.935-.206-1.93-.293-2.924"/><circle cx="38.022" cy="25.57" r="8.774" fill="#fff"/></svg>

How to use the Khan Academy icon

React

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

<Icon icon="logos:khan-academy" width="24" />

Vue

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

<template>
  <Icon icon="logos:khan-academy" width="24" />
</template>

Svelte

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

<Icon icon="logos:khan-academy" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:khan-academy"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/khan-academy.svg" alt="Khan Academy icon" width="24" height="24">

Related icons in SVG Logos

khan-academy-icon icon
khan-academy-icon

Khan Academy icon in other icon sets

Khan Academy icon from Arcticons
Arcticons
 Khan Academy icon from CoreUI Brands
CoreUI Brands
 Khan Academy icon from theSVG
theSVG
 Khan Academy icon from theSVG Color
theSVG Color

Khan Academy icon FAQ

Is the Khan Academy 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 Khan Academy icon in React?

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

How do I add the Khan Academy icon to a web page?

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

Browse all SVG Logos icons →