ICONYZ
Русский
Иконка Maple Leaf из набора Fluent Emoji High Contrast

Иконка Maple Leaf

fluent-emoji-high-contrast:maple-leaf

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

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

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M17.009 1.642a1.208 1.208 0 0 0-2.135 0l-.006.012l-1.488 2.983l-2.663-1.574c-.87-.518-1.987.213-1.805 1.243l1.33 7.604l-3.116-1.872c-.928-.568-2.087.292-1.793 1.352l.002.009l.33 1.143l-2.908-.264c-1.108-.118-1.597 1.08-1.148 1.829l.004.007l1.551 2.491l-1.176.223c-1.15.203-1.275 1.627-.458 2.189l.009.006l5.995 3.932l-1.546 2.203l-.004.005a1.167 1.167 0 0 0 1.364 1.756l7.598-2.775v4.829a1 1 0 1 0 2 0V24.15l7.578 2.768c1.048.399 2.055-.82 1.352-1.773l-1.537-2.19l6-3.937l.014-.01c.402-.283.59-.76.51-1.217a1.19 1.19 0 0 0-.967-.973l-1.177-.223l1.55-2.492l.005-.007c.497-.83-.122-1.89-1.106-1.833l-.016.001l-2.935.267l.321-1.125l.002-.007c.295-1.064-.874-1.927-1.804-1.345l-.004.002L21.82 11.9l1.05-7.65v-.01a1.21 1.21 0 0 0-.525-1.147a1.19 1.19 0 0 0-1.308-.017L18.494 4.62l-1.479-2.966zm.643 20.638l5.652-2.908a1 1 0 1 0-.915-1.779l-5.443 2.8v-8.12a1 1 0 1 0-2 0v8.12l-5.442-2.8a1 1 0 0 0-.915 1.779l5.644 2.904l-5.08 1.855l.413-.59l.01-.015a1.356 1.356 0 0 0-.393-1.881l-.003-.002l-4.9-3.214l.375-.07c.881-.143 1.263-1.134.816-1.833l-1.316-2.113l2.467.224c.903.102 1.506-.758 1.286-1.53l-.093-.321l2.887 1.734c.87.522 1.99-.21 1.81-1.24l-1.333-7.621l1.917 1.133c.59.352 1.39.136 1.7-.513l1.145-2.297l1.151 2.308c.32.64 1.118.838 1.699.49l1.867-1.135l-1.054 7.681v.01c-.122 1.034 1 1.67 1.827 1.174l.01-.006l2.602-1.645l-.068.239c-.253.885.502 1.585 1.253 1.532h.01l2.49-.227l-1.328 2.133l-.007.013a1.212 1.212 0 0 0 .794 1.791l.011.003l.408.077l-4.913 3.223l-.003.002a1.36 1.36 0 0 0-.378 1.904l.409.582z"/></svg>

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

React

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

<Icon icon="fluent-emoji-high-contrast:maple-leaf" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:maple-leaf" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:maple-leaf" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--maple-leaf]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:maple-leaf"></div>

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

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

<iconify-icon icon="fluent-emoji-high-contrast:maple-leaf"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/maple-leaf.svg" alt="Иконка Maple Leaf" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Fluent Emoji High Contrast →