Icône Circus Tent

fluent-emoji-high-contrast:circus-tent

L'icône Circus Tent (fluent-emoji-high-contrast:circus-tent) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, 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: Fluent Emoji High Contrast
Auteur: Microsoft Corporation
Licence: MIT
Taille: 32 × 32
Catégorie: Voyage et lieux
Mots-clés: circustent

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15.004 7.007a1 1 0 0 0-.432.245c-1.98 1.903-5.767 4.228-7.256 5.138l-2.753 1.68q-.086.053-.158.12l-.012.008c-.252.184-.404.413-.404.803v1.353h.003a2.34 2.34 0 0 0 .531 1.461c-.518 3.53-1.476 10.717-1.513 11.203c-.048.62.334.986 1.017.986h21.982v-.02h2.136c.774 0 .906-.49.84-1.044l-.186-1.524l-.001-.012c-.133-1.089-.314-2.562-.478-3.922c-.181-1.506-.556-3.983-.817-5.662l.035-.044a2.34 2.34 0 0 0 .497-1.512v-1.201l-.006-.006h.01v-.11a1 1 0 0 0-.44-.83c-.356-.239-.962-.604-1.676-1.035l-.034-.02c-1.025-.618-2.323-1.4-3.624-2.246c-1.77-1.15-3.974-2.888-4.856-3.615a1 1 0 0 0-.425-.206c-.028-.238-.116-.39-.202-.54c-.098-.167-.192-.33-.192-.604v-.937c.9-.197 2.989-.949 3.204-1.045c.248-.111.253-.401 0-.517a25 25 0 0 0-1.111-.45c-1.405-.589-2.115-.742-2.352-.75a.6.6 0 0 0-.315-.082c-.304 0-.583.172-.583.697v3.084c0 .302-.099.44-.203.582a1 1 0 0 0-.226.574m-9.142 7.45v-.008l-.014.009zM7.04 29c.197-1.59.94-7.45 1.451-11.463c.42.54 1.108.931 2.08.931a3.52 3.52 0 0 0 2.795-1.404l.064.1l-.182 3.655c-1.328.873-2.24 2.336-2.24 3.991V29zm11.63-11.794q.04-.055.077-.112q.075.102.163.203a3.5 3.5 0 0 0 2.589 1.171c.698 0 1.26-.204 1.682-.54a2.3 2.3 0 0 0 .45-.477c.506 4.058 1.265 10.212 1.425 11.549h-4.06v-4.19c0-1.637-.856-3.087-2.134-3.963zm-9.287-2.772H5.887l1.95-1.19c1.025-.627 3.248-1.988 5.2-3.434l1.136-.893l1.195-.933h.097c-2.26 3.208-5.297 5.785-6.072 6.442zm4.39 0c.712-1.833 1.648-4.949 2.077-6.45h.4c.434 1.506 1.378 4.62 2.094 6.45zm8.984 0c-.759-.644-3.807-3.233-6.088-6.45h.119c.901.743 3.125 2.496 4.932 3.67c1.317.856 2.629 1.647 3.653 2.264l.853.516zM16.05 20.97c2.146 0 3.946 1.75 3.946 3.84v4.186H12.01V24.81c0-2.066 1.87-3.84 4.041-3.84m10.786-5.42c.174.332.385.988-.095 1.623c-.192.253-.463.336-.801.294a1.96 1.96 0 0 1-.955-.422c-.476-.4-.91-1.124-1.11-1.587h2.699c.088 0 .138 0 .181.003l.015.002l.012.001a.5.5 0 0 1 .054.087m-21.643.002a.5.5 0 0 1 .055-.088l.03-.003c.043-.003.094-.003.183-.003h2.72c-.2.463-.638 1.185-1.117 1.586a2 2 0 0 1-.964.423c-.343.042-.618-.042-.81-.296c-.483-.633-.272-1.288-.097-1.619m10.805 1.923c-1.375 0-2.135-1.104-2.042-1.973h4.202c.045.633-.203 1.107-.595 1.437c-.409.343-.986.536-1.565.536"/></svg>

Comment utiliser l'icône Circus Tent

React

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

<Icon icon="fluent-emoji-high-contrast:circus-tent" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:circus-tent" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:circus-tent" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--circus-tent]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:circus-tent"></div>

Web component

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

<iconify-icon icon="fluent-emoji-high-contrast:circus-tent"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/circus-tent.svg" alt="Icône Circus Tent" width="24" height="24">

L'icône Circus Tent dans d'autres collections

FAQ : Icône Circus Tent

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

Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Circus Tent dans React ?

Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:circus-tent" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

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

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/circus-tent.svg" alt="Icône Circus Tent">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Fluent Emoji High Contrast →