ICONYZ
Français
Icône City de WebHostingHub Glyphs

Icône City

whh:city

L'icône City (whh:city) est une icône SVG gratuite de la collection WebHostingHub Glyphs par WebHostingHub. Elle est dessinée sur une grille de 1024 × 1024. Les WebHostingHub Glyphs icons sont publiées sous la Open Font License, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
WebHostingHub Glyphs
Auteur
WebHostingHub
Licence
OFL-1.1
Taille
1024 × 1024
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M992 1024H32q-13 0-22.5-9.5T0 992V288q0-13 9.5-22.5T32 256h224V32q0-13 9.5-22.5T288 0h192q13 0 22.5 9.5T512 32v288h64v-96q0-13 9.5-22.5T608 192h32q0-31 18-55.5t47-34.5q2-44 11-73t20-29t20 29t11 73q29 10 47 34.5t18 55.5h32q13 0 22.5 9.5T896 224v288h96q13 0 22.5 9.5t9.5 22.5v448q0 13-9.5 22.5T992 1024M128 320H64v64h64zm0 128H64v64h64zm0 256H64v64h64zm128-384h-64v64h64zm0 256h-64v64h64zm64 320h64v-64h-64zm0-128h64v-64h-64zm64-704h-64v64h64zm64 128h-64v64h64zm0 128h-64v64h64zm0 256h-64v64h64zm128-192h-64v64h64zm0 128h-64v64h64zm0 256h-64v64h64zm128-448h-64v64h64zm0 128h-64v64h64zm0 320h-64v64h64zm128-384h-64v64h64zm0 256h-64v64h64zm0 192h-64v64h64zm128-256h-64v64h64zm0 128h-64v64h64zm0 128h-64v64h64z"/></svg>

Comment utiliser l'icône City

React

import { Icon } from "@iconify/react";

<Icon icon="whh:city" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="whh:city" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="whh:city" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--city]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:city"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="whh:city"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/whh/city.svg" alt="Icône City" width="24" height="24">

L'icône City dans d'autres collections

FAQ : Icône City

L'icône City est-elle gratuite pour un usage commercial ?

Oui. Les WebHostingHub Glyphs icons sont publiées sous la Open Font License, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône City dans React ?

Installez @iconify/react et affichez <Icon icon="whh:city" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône City à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/whh/city.svg" alt="Icône City">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes WebHostingHub Glyphs →