AI UI Designer Logo
AI UI Designer

ไอคอน Coca-Cola

แบรนด์#D00013

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

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

React icon component ของ Coca-Cola ที่พร้อมใช้งานทันที

วิธีใช้งานไอคอน Coca-Cola

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

Inline SVG

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

React Component

ใช้งาน Coca-Cola ในรูปแบบ typed React icon component

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

รายละเอียดไอคอน Coca-Cola

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

#D00013

หมวดหมู่

แบรนด์

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

ไม่ทราบข้อมูล

ไฟล์ SVG

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

สัญญาอนุญาต

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

เกี่ยวกับไอคอน Coca-Cola

icons.aboutParagraph1

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

แท็ก:beveragesoft-drinkclassic

คำถามที่พบบ่อยเกี่ยวกับไอคอน Coca-Cola

ลองใช้ AI Icon Generator

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

ลองใช้ AI Icon Generator

Coca-Cola ไอคอนที่เกี่ยวข้อง