Puis-je utiliser l'icône Proton VPN pour des projets commerciaux ?

Oui, vous pouvez utiliser l'icône Proton VPN dans vos projets commerciaux. Cependant, veuillez noter que le logo Proton VPN est une marque déposée. Vous devez respecter leurs directives de marque et ne pas suggérer une approbation.

Comment utiliser l'icône Proton VPN dans Figma ?

Le moyen le plus simple est de copier le code SVG de Proton VPN depuis notre site et de le coller directement dans Figma. Vous pouvez également télécharger le fichier SVG de Proton VPN et le faire glisser sur votre canvas Figma.

Quels formats de l'icône Proton VPN sont disponibles au téléchargement ?

Nous fournissons l'icône Proton VPN au format SVG (vectoriel) de haute qualité, parfait pour le web et l'impression. Vous pouvez également la télécharger en tant qu'image PNG transparente Proton VPN ou copier le code du composant React.

Icône Proton VPN

Infrastructure#66DEB1

PNG transparent de haute qualité de Proton VPN pour le web et l'impression.

Code vecteur SVG optimisé de Proton VPN pour les développeurs.

Composant d'icône React Proton VPN prêt à l'emploi.

Use Proton VPN in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Describe the UI to generate

Comment utiliser l'icône Proton VPN

Copiez l'icône Proton VPN en tant que SVG inline, code React, intégration HTML ou masque CSS.

SVG Inline

Collez le SVG de Proton VPN directement dans votre HTML ou JSX.

Composant React

Utilisez Proton VPN comme un composant d'icône React typé.

import React from 'react';

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

Intégration HTML

Utilisez une URL d'icône Proton VPN hébergée avec attribution.

Masque CSS

Utilisez Proton VPN comme une icône de masque CSS dont la couleur est modifiable.

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

Détails de l'icône Proton VPN

Couleur de la marque

#66DEB1

Catégorie

Infrastructure

Formats

SVG, PNG, React, HTML, masque CSS

viewBox SVG

0 0 24 24

Fichier SVG

532 B · 1 tracé

Licence

Consultez la charte graphique

Source

proton.me

À propos de l'icône Proton VPN

L<strong class="">icône {name}</strong> est disponible ici en tant que ressource de marque au format SVG. Elle est classée dans la catégorie <strong class="">{category}</strong> et utilise la couleur de marque <code class="">{hex}</code>. Vous pouvez la télécharger en PNG transparent, copier le SVG inline, utiliser un composant React ou lintégrer via HTML.

Veuillez consulter les liens vers la source et la charte graphique sur cette page pour vérifier les règles d'utilisation actuelles de la marque avant d'utiliser le logo Proton VPN dans des projets commerciaux, de la documentation, des maquettes d'interface ou des pages marketing.

Mots-clés :infrastructurevpnproton-vpn

Foire aux questions sur l'icône Proton VPN

Design a UI with the Proton VPN icon

Generate a complete page that already uses this icon, color, and brand context.

Describe the UI to generate

Proton VPN Icônes similaires