Иконка Japanese No Vacancy Button
noto-v1:japanese-no-vacancy-button
Иконка Japanese No Vacancy Button (noto-v1:japanese-no-vacancy-button) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji (v1)
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Символы
- Теги
- japaneseno, novacancy, vacancybutton, japanesenovacancybutton
Код 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>
Как использовать иконку 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>
Веб-компонент
<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>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/japanese-no-vacancy-button.svg" alt="Иконка Japanese No Vacancy Button" width="24" height="24">
Похожие иконки в наборе Noto Emoji (v1)
Иконка Japanese No Vacancy Button в других наборах
Вопросы и ответы: Иконка Japanese No Vacancy Button
Можно ли бесплатно использовать иконку Japanese No Vacancy Button в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Japanese No Vacancy Button в React?
Установите @iconify/react и выведите <Icon icon="noto-v1:japanese-no-vacancy-button" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Japanese No Vacancy Button на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/japanese-no-vacancy-button.svg" alt="Иконка Japanese No Vacancy Button">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Noto Emoji (v1) →
