Linear Icoon
Hoge kwaliteit Linear transparante PNG voor web & print.
Geoptimaliseerde Linear SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Linear React-icooncomponent.
Use Linear in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Hoe gebruik je het Linear Icoon
Kopieer het Linear icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Linear SVG direct in HTML of JSX.
React Component
Gebruik Linear als een getypeerd React-icooncomponent.
import React from 'react';
export const LinearIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Linear icoon-URL met bronvermelding.
CSS-masker
Gebruik Linear als een kleurbaar CSS-masker icoon.
.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;
}Linear Icoon Details
Merkkleur
Categorie
Tools
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
0 0 24 24
SVG-bestand
453 B · 1 pad
Licentie
Raadpleeg de merkrichtlijnen
Bron
linear.appOver het Linear Icoon
Het Linear icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Tools en gebruikt de merkkleur #5E6AD2. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.
Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het Linear logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Linear Icoon Veelgestelde Vragen
Design a UI with the Linear icon
Generate a complete page that already uses this icon, color, and brand context.