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

Иконка Coffin

fluent-emoji-flat:coffin

Иконка Coffin (fluent-emoji-flat:coffin) — бесплатная 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="#6d4534" d="m23.885 29.615l3.53-3.53A2 2 0 0 0 28 24.673v-2.997L23 24L10 12L3.315 7.96l-.287 3.68a2 2 0 0 0 .072.708l1.18 4.11a4 4 0 0 0 1.57 2.186L21.97 29.79a1.5 1.5 0 0 0 1.915-.174"/><path fill="#d3883e" d="M8.3 18.198a.5.5 0 1 0-.587.809l2.541 1.846a.5.5 0 0 0 .588-.81zm5.994 4.126a.5.5 0 1 0-.588.81l2.541 1.846a.5.5 0 1 0 .588-.81z"/><path fill="#8c5543" d="m10.473 2.034l4.487 1.413a3 3 0 0 1 1.56 1.144l11.194 16.034a1.6 1.6 0 0 1-.207 2.073L23.88 26.16a1.5 1.5 0 0 1-1.884.152L6.611 15.762a4 4 0 0 1-1.535-2.04L3.473 8.888a3 3 0 0 1 .796-3.133L7.52 2.707a3 3 0 0 1 2.953-.673"/><path fill="#86d72f" d="M12.136 8.798a.363.363 0 0 1 .444.256l.506 1.88c.147-.237.464-.494 1.074-.7c-.002.394-.196 1.149-.92 1.272l.098.366l1.61.405a.363.363 0 0 1-.176.703l-1.218-.306l.306 1.14a.363.363 0 1 1-.7.189l-.412-1.53l-.268-.068c-.004.303-.248.738-1.184 1.054c.002-.34.146-.948.65-1.188l-1.674-.42a.363.363 0 0 1 .176-.704l2.084.523l-.652-2.427a.363.363 0 0 1 .256-.445"/><path fill="#e39d89" d="M13.43 9.298a.7.7 0 0 0-.1-.17c.09-.18.1-.39.02-.59a.76.76 0 0 0-.98-.41h-.01c-.19-.3-.58-.44-.93-.3c-.34.14-.53.5-.45.85a.72.72 0 0 0 .04 1.3a.9.9 0 0 0 .14.38l-.02-.01c-.06-.02-.12-.04-.18-.05a.726.726 0 0 0-1.36-.05v.01c-.34-.09-.7.09-.85.43c-.14.33-.01.72.29.91c-.11.36.07.74.4.89c.18.07.37.07.54.01a.726.726 0 0 0 1.16-.26c.08-.18.08-.37.02-.54c.16-.07.3-.2.36-.38a.75.75 0 0 0-.075-.722a.76.76 0 0 0 .615.012c.18-.07.32-.2.4-.36c.17.07.36.07.55 0c.39-.15.57-.57.42-.95"/><path fill="#ffe5d9" d="M12.54 9.249a.48.48 0 1 1-.96 0a.48.48 0 0 1 .96 0m-1.88 2a.48.48 0 1 1-.96 0a.48.48 0 0 1 .96 0"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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