khan academy icon logo

khan-academy-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
khan-academy-icon
Set
SVG Logos
Style
Color
Viewbox
256×276
License
CC0

Related icons in SVG Logos

khan-academy

Use the khan academy icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 276"><path fill="#14bf96" d="M16.252 57.155A35.07 35.07 0 0 0 0 84.735v106.38a35.07 35.07 0 0 0 16.252 27.58l95.447 53.387a36.94 36.94 0 0 0 32.505 0l95.545-53.387a35.07 35.07 0 0 0 16.252-27.58V84.735a35.07 35.07 0 0 0-16.252-27.58L144.302 3.768a36.94 36.94 0 0 0-32.505 0z"/><path fill="#fff" d="M226.057 111.527c-52.993 0-92.59 43.93-92.59 97.81v2.266H122.83v-2.266c0-53.88-39.4-97.613-92.788-97.81v9.85c-.214 40.761 24.922 77.365 63.041 91.802a103.1 103.1 0 0 0 35.362 6.304a104.8 104.8 0 0 0 35.657-6.304c38.063-14.493 63.144-51.075 62.943-91.802c-.494-3.152-.691-6.501-.987-9.85"/><circle cx="128.05" cy="86.114" r="29.55" fill="#fff"/></svg>

React

import type { SVGProps } from "react";

export function LogosKhanAcademyIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 276"><path fill="#14bf96" d="M16.252 57.155A35.07 35.07 0 0 0 0 84.735v106.38a35.07 35.07 0 0 0 16.252 27.58l95.447 53.387a36.94 36.94 0 0 0 32.505 0l95.545-53.387a35.07 35.07 0 0 0 16.252-27.58V84.735a35.07 35.07 0 0 0-16.252-27.58L144.302 3.768a36.94 36.94 0 0 0-32.505 0z"/><path fill="#fff" d="M226.057 111.527c-52.993 0-92.59 43.93-92.59 97.81v2.266H122.83v-2.266c0-53.88-39.4-97.613-92.788-97.81v9.85c-.214 40.761 24.922 77.365 63.041 91.802a103.1 103.1 0 0 0 35.362 6.304a104.8 104.8 0 0 0 35.657-6.304c38.063-14.493 63.144-51.075 62.943-91.802c-.494-3.152-.691-6.501-.987-9.85"/><circle cx="128.05" cy="86.114" r="29.55" fill="#fff"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 276"><path fill="#14bf96" d="M16.252 57.155A35.07 35.07 0 0 0 0 84.735v106.38a35.07 35.07 0 0 0 16.252 27.58l95.447 53.387a36.94 36.94 0 0 0 32.505 0l95.545-53.387a35.07 35.07 0 0 0 16.252-27.58V84.735a35.07 35.07 0 0 0-16.252-27.58L144.302 3.768a36.94 36.94 0 0 0-32.505 0z"/><path fill="#fff" d="M226.057 111.527c-52.993 0-92.59 43.93-92.59 97.81v2.266H122.83v-2.266c0-53.88-39.4-97.613-92.788-97.81v9.85c-.214 40.761 24.922 77.365 63.041 91.802a103.1 103.1 0 0 0 35.362 6.304a104.8 104.8 0 0 0 35.657-6.304c38.063-14.493 63.144-51.075 62.943-91.802c-.494-3.152-.691-6.501-.987-9.85"/><circle cx="128.05" cy="86.114" r="29.55" fill="#fff"/></svg>
</template>

CSS

.icon-khan-academy-icon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20276%22%3E%3Cpath%20fill%3D%22%2314bf96%22%20d%3D%22M16.252%2057.155A35.07%2035.07%200%200%200%200%2084.735v106.38a35.07%2035.07%200%200%200%2016.252%2027.58l95.447%2053.387a36.94%2036.94%200%200%200%2032.505%200l95.545-53.387a35.07%2035.07%200%200%200%2016.252-27.58V84.735a35.07%2035.07%200%200%200-16.252-27.58L144.302%203.768a36.94%2036.94%200%200%200-32.505%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M226.057%20111.527c-52.993%200-92.59%2043.93-92.59%2097.81v2.266H122.83v-2.266c0-53.88-39.4-97.613-92.788-97.81v9.85c-.214%2040.761%2024.922%2077.365%2063.041%2091.802a103.1%20103.1%200%200%200%2035.362%206.304a104.8%20104.8%200%200%200%2035.657-6.304c38.063-14.493%2063.144-51.075%2062.943-91.802c-.494-3.152-.691-6.501-.987-9.85%22%2F%3E%3Ccircle%20cx%3D%22128.05%22%20cy%3D%2286.114%22%20r%3D%2229.55%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20276%22%3E%3Cpath%20fill%3D%22%2314bf96%22%20d%3D%22M16.252%2057.155A35.07%2035.07%200%200%200%200%2084.735v106.38a35.07%2035.07%200%200%200%2016.252%2027.58l95.447%2053.387a36.94%2036.94%200%200%200%2032.505%200l95.545-53.387a35.07%2035.07%200%200%200%2016.252-27.58V84.735a35.07%2035.07%200%200%200-16.252-27.58L144.302%203.768a36.94%2036.94%200%200%200-32.505%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M226.057%20111.527c-52.993%200-92.59%2043.93-92.59%2097.81v2.266H122.83v-2.266c0-53.88-39.4-97.613-92.788-97.81v9.85c-.214%2040.761%2024.922%2077.365%2063.041%2091.802a103.1%20103.1%200%200%200%2035.362%206.304a104.8%20104.8%200%200%200%2035.657-6.304c38.063-14.493%2063.144-51.075%2062.943-91.802c-.494-3.152-.691-6.501-.987-9.85%22%2F%3E%3Ccircle%20cx%3D%22128.05%22%20cy%3D%2286.114%22%20r%3D%2229.55%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/khan-academy-icon.svg?color=%231a73e8&size=48