Icona 3M
PNG trasparente di alta qualità di 3M per web e stampa.
Codice vettoriale SVG di 3M ottimizzato per sviluppatori.
Componente icona React 3M pronto all'uso.
Use 3M in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Come usare l'icona 3M
Copia l'icona 3M come SVG inline, codice React, incorporamento HTML o maschera CSS.
SVG Inline
Incolla l'SVG di 3M direttamente in HTML o JSX.
Componente React
Usa 3M come componente icona React tipizzato.
import React from 'react';
export const 3MIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Incorporamento HTML
Usa un URL ospitato dell'icona 3M con attribuzione.
Maschera CSS
Usa 3M come icona maschera CSS colorabile.
.3m-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #ff0000;
mask: url("https://www.aiuidesigner.com/icons/3m.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/3m.svg") center / contain no-repeat;
}Dettagli icona 3M
Colore del brand
Categoria
Marchi
Formati
SVG, PNG, React, HTML, maschera CSS
SVG viewBox
0 0 24 24
File SVG
655 B · 1 percorso
Licenza
Controlla le linee guida del brand
Sorgente
3m.comInformazioni sull'icona 3M
L<strong class="highlight">icona {name}</strong> è disponibile qui come risorsa del brand in formato SVG. È classificata sotto <strong class="highlight">{category}</strong> e utilizza il colore del brand <code class="highlight">{hex}</code>. Puoi scaricarla come PNG trasparente, copiare lSVG inline, copiare un componente React o incorporarla tramite HTML.
Utilizza i link alla sorgente e alle linee guida del brand in questa pagina per verificare le regole attuali di utilizzo del marchio prima di usare il logo 3M in progetti commerciali, documentazione, mockup di interfacce utente o pagine di marketing.
3M Icon Frequently Asked Questions
Design a UI with the 3M icon
Generate a complete page that already uses this icon, color, and brand context.