Ikon Linear
PNG transparan Linear berkualitas tinggi untuk web & cetak.
Kode vektor SVG Linear yang dioptimalkan untuk pengembang.
Komponen ikon React Linear yang siap digunakan.
Use Linear in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon Linear
Salin ikon Linear sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Linear langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Linear sebagai komponen ikon React yang bertipe.
import React from 'react';
export const LinearIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Linear yang di-host dengan atribusi.
CSS Mask
Gunakan Linear sebagai ikon CSS mask yang warnanya bisa diubah.
.linear-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #5e6ad2;
mask: url("https://www.aiuidesigner.com/icons/linear.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/linear.svg") center / contain no-repeat;
}Detail Ikon Linear
Warna merek
Kategori
Alat
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
453 B · 1 path
Lisensi
Periksa panduan merek
Sumber
linear.appTentang Ikon Linear
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Linear dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Linear Ikon Pertanyaan yang Sering Diajukan
Design a UI with the Linear icon
Generate a complete page that already uses this icon, color, and brand context.