AI UI Designer Logo
AI UI Designer

ไอคอน OpenRouter

AI#94A3B8

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

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

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#94A3B8

หมวดหมู่

AI

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

684 B · 1 เส้นทาง (path)

สัญญาอนุญาต

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

ที่มา

openrouter.ai

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

icons.aboutParagraph1

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

แท็ก:aillmapi

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

ลองใช้ AI Icon Generator

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

ลองใช้ AI Icon Generator

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