Иконка 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 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.