AI UI Designer Logo
AI UI Designer

ไอคอน Khan Academy

แบรนด์#14BF96

ไฟล์ PNG โปร่งใสคุณภาพสูงของ Khan Academy สำหรับเว็บและงานพิมพ์

โค้ดเวกเตอร์ SVG ของ Khan Academy ที่ปรับแต่งมาเพื่อนักพัฒนา

React icon component ของ Khan Academy ที่พร้อมใช้งานทันที

วิธีใช้งานไอคอน Khan Academy

คัดลอกไอคอน Khan Academy ในรูปแบบ inline SVG, โค้ด React, การฝัง HTML หรือ CSS mask

Inline SVG

วาง SVG ของ Khan Academy ลงใน HTML หรือ JSX ได้โดยตรง

React Component

ใช้งาน Khan Academy ในรูปแบบ typed React icon component

import React from 'react';

export const KhanAcademyIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML Embed

ใช้งาน URL ไอคอน Khan Academy ที่โฮสต์ไว้พร้อมการระบุที่มา

CSS Mask

ใช้งาน Khan Academy เป็นไอคอน CSS mask ที่สามารถเปลี่ยนสีได้

.khanacademy-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #14bf96;
  mask: url("https://www.aiuidesigner.com/icons/khanacademy.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/khanacademy.svg") center / contain no-repeat;
}

รายละเอียดไอคอน Khan Academy

สีประจำแบรนด์

#14BF96

หมวดหมู่

แบรนด์

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

ไม่ทราบข้อมูล · 1 เส้นทาง (path)

สัญญาอนุญาต

ตรวจสอบคำแนะนำการใช้แบรนด์

เกี่ยวกับไอคอน Khan Academy

icons.aboutParagraph1

โปรดตรวจสอบลิงก์ที่มาและแนวทางปฏิบัติของแบรนด์ในหน้านี้ เพื่อยืนยันกฎการใช้เครื่องหมายการค้าในปัจจุบัน ก่อนนำโลโก้ Khan Academy ไปใช้ในโปรเจกต์เชิงพาณิชย์, เอกสาร, UI mockup หรือหน้าการตลาด

แท็ก:educationlearningnonprofit

คำถามที่พบบ่อยเกี่ยวกับไอคอน Khan Academy

ลองใช้ AI Icon Generator

ต้องการไอคอนที่ไม่เหมือนใครใช่ไหม? ใช้ SVG Generator ที่ขับเคลื่อนด้วย AI ของเราเพื่อสร้างไอคอนระดับมืออาชีพที่คุณกำหนดเองได้ในไม่กี่วินาที

ลองใช้ AI Icon Generator

Khan Academy ไอคอนที่เกี่ยวข้อง