khanacademy logo

khanacademy from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
khanacademy
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the khanacademy logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.724 4.973L13.418.328a3.21 3.21 0 0 0-2.828 0L2.276 4.973A3.05 3.05 0 0 0 .862 7.371v9.256a3.05 3.05 0 0 0 1.414 2.4l8.306 4.645a3.21 3.21 0 0 0 2.828 0l8.314-4.645a3.05 3.05 0 0 0 1.414-2.4V7.373a3.05 3.05 0 0 0-1.414-2.4M12 4.921a2.571 2.571 0 1 1 .001 5.143A2.571 2.571 0 0 1 12 4.92zm3.094 13.627a9.1 9.1 0 0 1-3.103.549a9 9 0 0 1-3.076-.55a8.49 8.49 0 0 1-5.486-7.987v-.857c4.646.017 8.074 3.823 8.074 8.51v.198h.926v-.197c0-4.688 3.445-8.51 8.056-8.51c.026.29.043.582.086.856a8.5 8.5 0 0 1-5.477 7.988"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsKhanacademy(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.724 4.973L13.418.328a3.21 3.21 0 0 0-2.828 0L2.276 4.973A3.05 3.05 0 0 0 .862 7.371v9.256a3.05 3.05 0 0 0 1.414 2.4l8.306 4.645a3.21 3.21 0 0 0 2.828 0l8.314-4.645a3.05 3.05 0 0 0 1.414-2.4V7.373a3.05 3.05 0 0 0-1.414-2.4M12 4.921a2.571 2.571 0 1 1 .001 5.143A2.571 2.571 0 0 1 12 4.92zm3.094 13.627a9.1 9.1 0 0 1-3.103.549a9 9 0 0 1-3.076-.55a8.49 8.49 0 0 1-5.486-7.987v-.857c4.646.017 8.074 3.823 8.074 8.51v.198h.926v-.197c0-4.688 3.445-8.51 8.056-8.51c.026.29.043.582.086.856a8.5 8.5 0 0 1-5.477 7.988"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.724 4.973L13.418.328a3.21 3.21 0 0 0-2.828 0L2.276 4.973A3.05 3.05 0 0 0 .862 7.371v9.256a3.05 3.05 0 0 0 1.414 2.4l8.306 4.645a3.21 3.21 0 0 0 2.828 0l8.314-4.645a3.05 3.05 0 0 0 1.414-2.4V7.373a3.05 3.05 0 0 0-1.414-2.4M12 4.921a2.571 2.571 0 1 1 .001 5.143A2.571 2.571 0 0 1 12 4.92zm3.094 13.627a9.1 9.1 0 0 1-3.103.549a9 9 0 0 1-3.076-.55a8.49 8.49 0 0 1-5.486-7.987v-.857c4.646.017 8.074 3.823 8.074 8.51v.198h.926v-.197c0-4.688 3.445-8.51 8.056-8.51c.026.29.043.582.086.856a8.5 8.5 0 0 1-5.477 7.988"/></svg>
</template>

CSS

.icon-khanacademy {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.724%204.973L13.418.328a3.21%203.21%200%200%200-2.828%200L2.276%204.973A3.05%203.05%200%200%200%20.862%207.371v9.256a3.05%203.05%200%200%200%201.414%202.4l8.306%204.645a3.21%203.21%200%200%200%202.828%200l8.314-4.645a3.05%203.05%200%200%200%201.414-2.4V7.373a3.05%203.05%200%200%200-1.414-2.4M12%204.921a2.571%202.571%200%201%201%20.001%205.143A2.571%202.571%200%200%201%2012%204.92zm3.094%2013.627a9.1%209.1%200%200%201-3.103.549a9%209%200%200%201-3.076-.55a8.49%208.49%200%200%201-5.486-7.987v-.857c4.646.017%208.074%203.823%208.074%208.51v.198h.926v-.197c0-4.688%203.445-8.51%208.056-8.51c.026.29.043.582.086.856a8.5%208.5%200%200%201-5.477%207.988%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.724%204.973L13.418.328a3.21%203.21%200%200%200-2.828%200L2.276%204.973A3.05%203.05%200%200%200%20.862%207.371v9.256a3.05%203.05%200%200%200%201.414%202.4l8.306%204.645a3.21%203.21%200%200%200%202.828%200l8.314-4.645a3.05%203.05%200%200%200%201.414-2.4V7.373a3.05%203.05%200%200%200-1.414-2.4M12%204.921a2.571%202.571%200%201%201%20.001%205.143A2.571%202.571%200%200%201%2012%204.92zm3.094%2013.627a9.1%209.1%200%200%201-3.103.549a9%209%200%200%201-3.076-.55a8.49%208.49%200%200%201-5.486-7.987v-.857c4.646.017%208.074%203.823%208.074%208.51v.198h.926v-.197c0-4.688%203.445-8.51%208.056-8.51c.026.29.043.582.086.856a8.5%208.5%200%200%201-5.477%207.988%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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