ICONYZ
Português (Brasil)
Ícone Cityscape At Dusk de Fluent Emoji Flat

Ícone Cityscape At Dusk

fluent-emoji-flat:cityscape-at-dusk

O ícone Cityscape At Dusk (fluent-emoji-flat:cityscape-at-dusk) é um ícone SVG gratuito da coleção Fluent Emoji Flat de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Fluent Emoji Flat
Autor
Microsoft Corporation
Licença
MIT
Tamanho
32 × 32
Categoria
Viagens e lugares
Tags
cityscapeat, atdusk, cityscapeatdusk
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#9f70b8" d="M2 6a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v14L2 15z"/><path fill="#433b6b" d="M6.965 30h2.027L13 29V7.25C13 6.56 12.44 6 11.75 6h-1.5C9.56 6 9 6.56 9 7.25V8H5.25C4.56 8 4 8.56 4 9.25v19.215zM18 29l2.996 1h2.01L28 28.465V17.25c0-.69-.56-1.25-1.25-1.25h-7.5c-.69 0-1.25.56-1.25 1.25z"/><path fill="#635994" d="M2 14v12a4 4 0 0 0 4 4h1V15.25C7 14.56 6.44 14 5.75 14zm7 16h12v-5.75c0-.69-.56-1.25-1.25-1.25H19V12.25c0-.69-.56-1.25-1.25-1.25h-7.5C9.56 11 9 11.56 9 12.25zm14 0h3a4 4 0 0 0 4-4v-7h-5.75c-.69 0-1.25.56-1.25 1.25z"/><path fill="#fff478" d="M11.5 13a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-8 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm7.5-2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm.5 7.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3.5-7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm.5 3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm8.5 1a1 1 0 0 1 1-1h5v2h-5a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2h5v-2z"/><path fill="#fcd53f" d="M11.5 13a.5.5 0 0 0-.5.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-8 7a.5.5 0 0 0-.5.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm7.5-2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5v-1a.5.5 0 0 0-.5-.5zm.5 7.5a.5.5 0 0 0-.5.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3.5-7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5v-1a.5.5 0 0 0-.5-.5zm.5 3.5a.5.5 0 0 0-.5.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm9.5 0a1 1 0 0 0-.866.5H30V21zm0 4a1 1 0 0 0-.866.5H30V25z"/><path fill="#321b41" d="M15 13.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-12 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm0 8a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm8.5-3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4 4a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"/><path fill="#7167a4" d="M20.5 24a.5.5 0 0 0-.5-.5h-1.25a.25.25 0 0 1-.25-.25V12a.5.5 0 0 0-.5-.5l-3-.5h3a1 1 0 0 1 1 1v11h1a1 1 0 0 1 1 1v6h-.5z"/></g></svg>

Como usar o ícone Cityscape At Dusk

React

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

<Icon icon="fluent-emoji-flat:cityscape-at-dusk" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:cityscape-at-dusk" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:cityscape-at-dusk" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--cityscape-at-dusk]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:cityscape-at-dusk"></div>

Web component

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

<iconify-icon icon="fluent-emoji-flat:cityscape-at-dusk"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/cityscape-at-dusk.svg" alt="Ícone Cityscape At Dusk" width="24" height="24">

Ícones relacionados em Fluent Emoji Flat

O ícone Cityscape At Dusk em outras coleções

Perguntas frequentes sobre Ícone Cityscape At Dusk

O ícone Cityscape At Dusk é grátis para uso comercial?

Sim. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Cityscape At Dusk no React?

Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:cityscape-at-dusk" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Cityscape At Dusk a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/cityscape-at-dusk.svg" alt="Ícone Cityscape At Dusk">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Fluent Emoji Flat →