Иконка Blueberries
fluent-emoji-high-contrast:blueberries
Иконка Blueberries (fluent-emoji-high-contrast:blueberries) — бесплатная 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
- Категория
- Еда и напитки
- Теги
- blueberry
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.28 10.89a2.43 2.43 0 1 0 0-4.86a2.43 2.43 0 0 0 0 4.86m13.68 11.17a3.61 3.61 0 1 0 0-7.22a3.61 3.61 0 0 0 0 7.22"/><path d="M26.453.969a.92.92 0 0 0-.919.918v.07A8.3 8.3 0 0 0 21.65 1a8.33 8.33 0 0 0-6.735 3.42a8.98 8.98 0 1 0-7.148 15.638q-.047.48-.047.972c0 5.506 4.464 9.97 9.97 9.97s9.97-4.464 9.97-9.97a9.9 9.9 0 0 0-1.251-4.84a8.33 8.33 0 0 0 3.581-6.85a8.3 8.3 0 0 0-.958-3.884h.045a.913.913 0 1 0 0-1.826c-.031 0-.044-.043-.02-.062a1.124 1.124 0 1 0-1.624-1.513c-.017.026-.062.014-.062-.017v-.15a.92.92 0 0 0-.918-.92M15.96 11.209a9.98 9.98 0 0 0-7.8 6.883a6.98 6.98 0 0 1-6.027-8.296c.127.86.647 1.666 1.535 2.082c.323.15.663.234 1.002.254c.068.004.15.042.197.092c.232.247.514.455.837.606c1.463.684 3.107-.081 3.686-1.416a.33.33 0 0 1 .149-.157a2.74 2.74 0 0 0 1.352-1.336c.54-1.155.185-2.489-.72-3.26a.33.33 0 0 1-.106-.194a2.74 2.74 0 0 0-1.787-2.252q.346-.035.702-.035a6.98 6.98 0 0 1 6.98 6.98zM3.427 7.635a1.7 1.7 0 0 1-.031-.662a7 7 0 0 1 1.495-1.47c.184-.025.373-.023.558.011c.32.059.673-.01.947-.186a1.743 1.743 0 0 1 2.676 1.26c.038.318.206.628.45.836c.582.495.802 1.35.463 2.074a1.74 1.74 0 0 1-.86.85c-.287.13-.527.379-.653.67c-.372.859-1.432 1.334-2.344.907a1.7 1.7 0 0 1-.533-.385a1.32 1.32 0 0 0-.867-.406a1.7 1.7 0 0 1-.637-.161c-.93-.435-1.236-1.582-.785-2.422c.148-.276.195-.613.12-.916m21.839 6.915a9.95 9.95 0 0 0-7.306-3.485a8.94 8.94 0 0 0-1.667-5.117a6.34 6.34 0 1 1 8.973 8.601m-7.829-1.485a3.6 3.6 0 0 0-.472.6a1.02 1.02 0 0 1-.58.422c-1.534.403-2.726 1.81-2.726 3.507c0 .856.298 1.645.795 2.265a.98.98 0 0 1 .201.645c-.108 1.96 1.45 3.857 3.613 3.857c.472 0 .925-.09 1.34-.257a1 1 0 0 1 .701 0c.417.166.87.257 1.342.257c2.123 0 3.672-1.833 3.617-3.76a1 1 0 0 1 .224-.652l.081-.098q.086.579.087 1.18a7.97 7.97 0 1 1-8.223-7.966m1.584.107a7.98 7.98 0 0 1 6.205 5.259a2.6 2.6 0 0 1-.493.868c-.31.362-.478.854-.465 1.33c.04 1.41-1.102 2.732-2.617 2.732a2.6 2.6 0 0 1-.971-.186a2 2 0 0 0-1.441 0c-.3.12-.628.186-.971.186c-1.544 0-2.693-1.37-2.614-2.802a1.98 1.98 0 0 0-.42-1.325a2.6 2.6 0 0 1-.575-1.64c0-1.216.86-2.246 1.98-2.54a2.02 2.02 0 0 0 1.172-.857a2.63 2.63 0 0 1 1.21-1.025"/></g></svg>Как использовать иконку Blueberries
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:blueberries" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:blueberries" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:blueberries" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--blueberries]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:blueberries"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:blueberries"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/blueberries.svg" alt="Иконка Blueberries" width="24" height="24">Иконка Blueberries в других наборах
Вопросы и ответы: Иконка Blueberries
Можно ли бесплатно использовать иконку Blueberries в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Blueberries в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:blueberries" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Blueberries на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/blueberries.svg" alt="Иконка Blueberries">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.