ICONYZ
Русский
Иконка Necktie из набора Fluent Emoji Flat

Иконка Necktie

fluent-emoji-flat:necktie

Иконка Necktie (fluent-emoji-flat:necktie) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Fluent Emoji Flat
Автор
Microsoft Corporation
Лицензия
MIT
Размер
32 × 32
Категория
Предметы
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#5092ff" d="M2 8a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v18a4 4 0 0 1-4 4h-5l-5-2.5l-5 2.5H6a4 4 0 0 1-4-4z"/><path fill="#26eafc" d="M5 4.121V29.88C5.492 30 6 30 6 30V4c-.324 0-.625 0-1 .121M9 4v26h1V4zm4 0v26h2V4zm4.009 26V4h2v26zM26 30V4c.484 0 .707.043 1 .11v25.78c-.371.079-.656.11-1 .11M22 4v26h1V4z"/><path fill="#433b6b" d="M11.591 8.66h8.82l-2.4 3.72a1.42 1.42 0 0 1-.773.595L21.005 30H10.997l3.77-17.026a1.43 1.43 0 0 1-.776-.594z"/><path fill="#d3d3d3" d="m23.68 2l-5.63 6.926h-4.07L8.287 2z"/><path fill="#f4f4f4" d="M7.078 3.562C6.771 2.836 7.301 2 8.316 2c.99 0 1.8.806 2.023 1.051c.192.21 3.938 3.946 5.14 5.145l.36.359a.53.53 0 0 1 .161.327a.53.53 0 0 1 .162-.327l.2-.2c.977-.976 5.09-5.083 5.29-5.304C21.877 2.806 22.686 2 23.676 2c1.015 0 1.546.836 1.238 1.562c-.56 1.321-1.851 3.992-2.698 5.743c-.227.47-.422.872-.562 1.166c-.805 1.68-2.321.777-2.715.532a79 79 0 0 0-1.067-.633a61 61 0 0 1-1.574-.94a.65.65 0 0 1-.297-.463a.65.65 0 0 1-.297.463c-.168.114-.9.543-1.563.93c-.48.281-.921.54-1.087.643c-.394.245-1.91 1.149-2.714-.532c-.14-.294-.336-.697-.563-1.166c-.846-1.751-2.138-4.422-2.698-5.743"/></g></svg>

Как использовать иконку Necktie

React

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

<Icon icon="fluent-emoji-flat:necktie" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:necktie" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:necktie" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="fluent-emoji-flat:necktie"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/necktie.svg" alt="Иконка Necktie" width="24" height="24">

Иконка Necktie в других наборах

Вопросы и ответы: Иконка Necktie

Можно ли бесплатно использовать иконку Necktie в коммерческих проектах?

Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Necktie в React?

Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:necktie" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Necktie на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/necktie.svg" alt="Иконка Necktie">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent Emoji Flat →