Icono City Gate
icon-park:city-gate
El icono City Gate (icon-park:city-gate) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark 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.
- Colección
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Construcción
- Etiquetas
- citygate
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path fill="#2F88FF" stroke-linejoin="round" d="M15 11H32C32 11 37.0476 13.9664 39 15C40.0914 15.5778 44 16 44 16C44 16 42.1839 16.6487 41 17C39.4563 17.458 37 18 37 18H24H11C11 18 8.54366 17.458 7 17C5.81607 16.6487 4 16 4 16C4 16 7.90857 15.5778 9 15C10.9524 13.9664 15 11 15 11Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M17 11L24 4L30 11H17Z"/><path d="M35 18V24"/><path d="M12 18V24"/><path stroke-linejoin="round" d="M4 44L6 24H42L44 44H4Z"/><path d="M20 38C20 35.7909 21.7909 34 24 34V34C26.2091 34 28 35.7909 28 38V44H20V38Z"/></g></svg>
Cómo usar el icono City Gate
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:city-gate" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:city-gate" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:city-gate" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--city-gate]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:city-gate"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:city-gate"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/city-gate.svg" alt="Icono City Gate" width="24" height="24">
Iconos relacionados en IconPark
El icono City Gate en otras colecciones
Preguntas frecuentes sobre Icono City Gate
¿El icono City Gate es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono City Gate en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:city-gate" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono City Gate a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/city-gate.svg" alt="Icono City Gate">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos IconPark →
ICONYZ
