Ícone Japanese No Vacancy Button
noto-v1:japanese-no-vacancy-button
O ícone Japanese No Vacancy Button (noto-v1:japanese-no-vacancy-button) é um ícone SVG gratuito da coleção Noto Emoji (v1) de Google Inc. Ele é desenhado em uma grade de 128 × 128. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, 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
- Noto Emoji (v1)
- Autor
- Google Inc
- Licença
- Apache-2.0
- Tamanho
- 128 × 128
- Categoria
- Símbolos
- Tags
- japaneseno, novacancy, vacancybutton, japanesenovacancybutton
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ed6c30" d="M119.79.34H8.21C3.88.34.34 3.88.34 8.21V119.8c0 4.33 3.54 7.87 7.87 7.87h111.58c4.33 0 7.87-3.54 7.87-7.87V8.21c0-4.33-3.54-7.87-7.87-7.87"/><path fill="#fff" d="M104.93 46.37h-10.7v-5.95h8.39c.41 0 .82-.17 1.11-.46s.46-.7.46-1.11v-8.27c0-.41-.17-.82-.46-1.11s-.7-.46-1.11-.46h-8.39v-5.48c0-.42-.17-.82-.46-1.11s-.7-.46-1.11-.46h-8.91a1.574 1.574 0 0 0-1.57 1.57v5.48h-15.1v-5.48c0-.42-.17-.82-.46-1.11s-.7-.46-1.12-.46h-8.91c-.42 0-.82.17-1.12.46c-.3.28-.47.68-.47 1.1V29h-8.39c-.41 0-.82.17-1.11.46s-.46.7-.46 1.11v8.27c0 .41.17.82.46 1.11s.7.46 1.11.46H55v5.95H44.3c-.42 0-.82.17-1.11.46s-.46.7-.46 1.11v8.26c0 .42.17.82.46 1.11s.7.46 1.11.46h25.1v3.64H44.3c-.42 0-.82.17-1.11.46s-.46.7-.46 1.11v44.27c0 .41.17.82.46 1.11s.7.46 1.11.46h8.91c.42 0 .82-.17 1.11-.46s.46-.7.46-1.11v-34.4h14.61V87h-2.21v-7.19c0-.42-.17-.82-.46-1.11s-.7-.46-1.11-.46h-7.02c-.42 0-.82.17-1.11.46s-.46.7-.46 1.11V95.6c0 .42.17.82.46 1.11s.7.46 1.11.46h32.06c.42 0 .82-.17 1.11-.46s.46-.7.46-1.11V79.81c0-.42-.17-.82-.46-1.11s-.7-.46-1.11-.46h-7.03c-.41 0-.82.17-1.11.46s-.46.7-.46 1.11V87h-2.48V72.84h14.87v25.52H87.7c-.46 0-.91.21-1.21.57s-.42.84-.33 1.3l1.39 7.33c.14.74.79 1.28 1.55 1.28h10.11c.08 0 .86 0 1.89-.25c1.02-.25 2.35-.73 3.41-1.91c1.07-1.22 1.53-2.63 1.76-3.72c.24-1.1.24-1.92.24-1.99v-1.03c0-.1-.04-.2-.05-.29c.02-.1.05-.19.05-.29V63c0-.42-.17-.82-.46-1.11s-.7-.46-1.11-.46H79.57v-3.64h25.36c.41 0 .82-.17 1.11-.46s.46-.69.46-1.11v-8.26c0-.42-.17-.82-.46-1.11c-.29-.31-.69-.48-1.11-.48m-37.87-5.95h15.1v5.95h-15.1zm-30.3 41.24a1.58 1.58 0 0 0-2.43-.19L19.95 96.41c-.52.54-.59 1.38-.16 1.99l4.73 6.78a1.572 1.572 0 0 0 2.42.18l14.38-14.93c.52-.54.59-1.37.16-1.99zm-4.75-12.47c.69.51 1.65.39 2.18-.29l5.1-6.51a1.573 1.573 0 0 0-.3-2.23L26.6 50.9c-.68-.51-1.65-.38-2.18.29l-5.1 6.51c-.26.34-.38.76-.32 1.18c.05.42.28.8.62 1.05zm1.33-25.81c.69.51 1.66.38 2.18-.29l5.1-6.51c.26-.34.38-.76.32-1.18c-.06-.43-.28-.8-.62-1.06l-12.39-9.25c-.68-.51-1.66-.39-2.18.29l-5.1 6.5c-.26.34-.38.76-.32 1.18c.05.42.27.8.62 1.05z"/></svg>
Como usar o ícone Japanese No Vacancy Button
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:japanese-no-vacancy-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:japanese-no-vacancy-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:japanese-no-vacancy-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--japanese-no-vacancy-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1: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="noto-v1:japanese-no-vacancy-button"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/japanese-no-vacancy-button.svg" alt="Ícone Japanese No Vacancy Button" width="24" height="24">
Ícones relacionados em Noto Emoji (v1)
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. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, 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="noto-v1: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/noto-v1/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 Noto Emoji (v1) →
