Icono Gateway Vpn
carbon:gateway-vpn
El icono Gateway Vpn (carbon:gateway-vpn) es un icono SVG gratuito de la colección Carbon de IBM. Está dibujado en una cuadrícula de 32 × 32. Carbon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M20 14.278V12a4 4 0 0 0-8 0v2.278A1.99 1.99 0 0 0 11 16v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-5a1.99 1.99 0 0 0-1-1.722M16 10a2 2 0 0 1 2 2v2h-4v-2a2 2 0 0 1 2-2m3 11h-6v-5h6Z"/><path fill="currentColor" d="M30.414 17.414a2 2 0 0 0 0-2.828l-5.787-5.787l2.9-2.862a2.002 2.002 0 1 0-1.44-1.388l-2.874 2.836l-5.799-5.8a2 2 0 0 0-2.828 0L8.799 7.374L5.937 4.472A2.002 2.002 0 1 0 4.55 5.914l2.835 2.873l-5.8 5.799a2 2 0 0 0 0 2.828l5.8 5.799l-2.835 2.873a1.998 1.998 0 1 0 1.387 1.442l2.862-2.9l5.787 5.786a2 2 0 0 0 2.828 0l5.8-5.799l2.872 2.836a1.998 1.998 0 1 0 1.442-1.387l-2.9-2.863ZM16 29L3 16L16 3l13 13Z"/></svg>Cómo usar el icono Gateway Vpn
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:gateway-vpn" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:gateway-vpn" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:gateway-vpn" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--gateway-vpn]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:gateway-vpn"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:gateway-vpn"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/carbon/gateway-vpn.svg" alt="Icono Gateway Vpn" width="24" height="24">Iconos relacionados en Carbon
Preguntas frecuentes sobre Icono Gateway Vpn
¿El icono Gateway Vpn es gratis para uso comercial?
Sí. Carbon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Gateway Vpn en React?
Instala @iconify/react y renderiza <Icon icon="carbon:gateway-vpn" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Gateway Vpn a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/carbon/gateway-vpn.svg" alt="Icono Gateway Vpn">, o pega el código SVG en línea para darle estilo con CSS.