Asana Icoon
Hoge kwaliteit Asana transparante PNG voor web & print.
Geoptimaliseerde Asana SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Asana React-icooncomponent.
Use Asana in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Hoe gebruik je het Asana Icoon
Kopieer het Asana icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Asana SVG direct in HTML of JSX.
React Component
Gebruik Asana als een getypeerd React-icooncomponent.
import React from 'react';
export const AsanaIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Asana icoon-URL met bronvermelding.
CSS-masker
Gebruik Asana als een kleurbaar CSS-masker icoon.
.asana-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #273347;
mask: url("https://www.aiuidesigner.com/icons/asana.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/asana.svg") center / contain no-repeat;
}Asana Icoon Details
Over het Asana Icoon
Het Asana icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Productiviteit en gebruikt de merkkleur #273347. 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 Asana logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Asana Icoon Veelgestelde Vragen
Design a UI with the Asana icon
Generate a complete page that already uses this icon, color, and brand context.