Ícone Japanese No Vacancy Button
fluent-emoji-high-contrast:japanese-no-vacancy-button
O ícone Japanese No Vacancy Button (fluent-emoji-high-contrast:japanese-no-vacancy-button) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast 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 High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Símbolos
- Tags
- japaneseno, novacancy, vacancybutton, japanesenovacancybutton
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M27.752 12.734v-.988c0-.182-.026-.208-.208-.208l-.153.005c-.364.012-1.368.047-3.539.047h-1.664V8.626h.52a94 94 0 0 1 3.614.052c.182 0 .208-.026.208-.208v-.988c0-.156-.026-.182-.208-.182l-.185.005c-.386.014-1.364.047-3.429.047h-.52v-.78c0-.884.026-1.482.13-1.742q.031-.073.061-.132c.053-.11.095-.196.095-.31c0-.104-.13-.182-.312-.208c-.416-.078-1.014-.13-1.586-.156c.13.676.156 1.508.156 2.574v.754H16.39v-.78c0-.884.026-1.482.13-1.742q.031-.073.061-.132c.053-.11.095-.196.095-.31c0-.104-.104-.182-.312-.208c-.416-.078-1.04-.13-1.612-.156c.156.676.182 1.508.182 2.574v.754h-.078c-2.102 0-3.077-.035-3.434-.047l-.154-.005c-.182 0-.208.026-.208.182v.988c0 .182.026.208.208.208l.153-.005c.358-.012 1.333-.047 3.435-.047h.078v2.964h-1.118c-2.148 0-3.148-.035-3.512-.047l-.154-.005c-.182 0-.208.026-.208.208v.988c0 .182.026.208.208.208l.154-.005a96 96 0 0 1 3.512-.047h4.082v2.314h-2.886c-2.065 0-3.06-.033-3.452-.047l-.188-.005c-.182 0-.208.026-.208.208q0 .048.006.189c.014.35.046 1.175.046 2.853v5.824a61 61 0 0 1-.052 2.886c0 .182.026.208.208.208h1.17c.156 0 .182-.026.182-.208l-.006-.172a66 66 0 0 1-.046-2.74v-7.696h5.252v5.616h-2.028v-2.314c0-.546.052-.884.13-1.066l.021-.05c.066-.152.109-.25.109-.392c0-.078-.104-.182-.286-.208c-.364-.078-.988-.13-1.456-.13c.156.624.182 1.196.182 1.924v2.834c0 1.032-.03 1.564-.045 1.816l-.007.16c0 .182.026.208.208.208h.91c.208 0 .234-.026.234-.208v-1.378h5.486v.702c0 .208.026.234.208.234h.936c.182 0 .182-.026.182-.234l-.004-.154a47 47 0 0 1-.022-1.64v-2.418c0-.65.026-.988.13-1.17c.078-.13.104-.208.104-.312c0-.13-.13-.208-.234-.234c-.338-.078-.936-.13-1.456-.13c.13.624.156 1.222.156 1.95v2.21h-2.106v-5.616h5.434v8.268c0 .676-.182.936-.832.936c-.624 0-1.17 0-2.028-.078c.208.26.364.546.442.936c.1.521.127.521.582.52h.068c1.534 0 2.262-.104 2.73-.442c.468-.39.546-.962.546-1.716c0-.305-.01-.702-.02-1.152a76 76 0 0 1-.032-1.942v-3.302c0-1.71.033-2.634.047-3l.005-.172c0-.182-.026-.208-.208-.208l-.186.005c-.386.014-1.36.047-3.402.047h-3.12V12.89h4.55c2.171 0 3.175.035 3.539.047l.153.005c.182 0 .208-.026.208-.208m-7.02-4.108v2.964H16.39V8.626zM7.16 25.656c.78-1.82 1.638-3.978 2.34-6.136c.156-.52.156-.546-.234-.78s-.65-.416-.91-.754c-.702 2.574-1.534 4.654-2.314 6.24c-.39.78-.676 1.3-1.17 1.924c.468.364.806.572 1.248.832c.182.104.286.156.39.156s.182-.156.208-.312c.022-.199.157-.511.341-.936zM6.276 4.648l-.572.598c-.234.234-.234.286-.078.39c1.066.676 2.34 1.872 3.38 3.016c.156.156.208.13.416-.104l.572-.702c.208-.234.208-.338.078-.494c-1.014-1.066-2.158-2.054-3.38-2.834c-.156-.104-.234-.078-.416.13m-1.144 6.396l-.546.65c-.182.208-.208.26-.026.364a17.7 17.7 0 0 1 3.432 2.782c.156.156.182.13.442-.182l.624-.728c.156-.182.156-.234.026-.364c-1.144-1.092-2.288-1.898-3.536-2.652c-.156-.078-.26-.078-.416.13"/><path d="M1 6a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5zm5-3a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3z"/></g></svg>
Como usar o ícone Japanese No Vacancy Button
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:japanese-no-vacancy-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:japanese-no-vacancy-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:japanese-no-vacancy-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--japanese-no-vacancy-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:japanese-no-vacancy-button"></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:japanese-no-vacancy-button"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/japanese-no-vacancy-button.svg" alt="Ícone Japanese No Vacancy Button" width="24" height="24">
Ícones relacionados em Fluent Emoji High Contrast
O ícone Japanese No Vacancy Button em outras coleções
Perguntas frequentes sobre Ícone Japanese No Vacancy Button
O ícone Japanese No Vacancy Button é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Japanese No Vacancy Button no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:japanese-no-vacancy-button" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Japanese No Vacancy Button a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/japanese-no-vacancy-button.svg" alt="Ícone Japanese No Vacancy Button">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
