Иконка Cactus
fluent-emoji-high-contrast:cactus
Иконка Cactus (fluent-emoji-high-contrast:cactus) — бесплатная 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
- Категория
- Животные и природа
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M30 8.5C30 6.568 28.432 5 26.5 5c-.785 0-1.502.268-2.086.704l-.554-.554c-.2-.2-.51-.2-.71 0s-.2.51 0 .71l.554.554A3.47 3.47 0 0 0 23 8.5v2.82c0 .378-.302.68-.68.68H22V7a5.97 5.97 0 0 0-1.01-3.329a.5.5 0 0 0 .15-.101l.71-.71c.2-.2.2-.51 0-.71s-.51-.2-.71 0l-.71.71c-.018.018-.026.041-.04.06a5.98 5.98 0 0 0-8.776-.004c-.016-.022-.024-.047-.044-.066l-.71-.7c-.2-.2-.51-.2-.71 0s-.2.51 0 .71l.71.71a.5.5 0 0 0 .15.101A5.97 5.97 0 0 0 10 7v2h-.5c-.28 0-.5.22-.5.5s.22.5.5.5h.5v9h-.32a.677.677 0 0 1-.68-.68v-3.01l.71-.71c.2-.2.2-.51 0-.71s-.51-.2-.71 0v-2.34C9 9.618 7.417 7.957 5.429 8h-.001a3.5 3.5 0 0 0-2.015.703L2.86 8.15c-.2-.2-.51-.2-.71 0s-.2.51 0 .71l.552.56A3.47 3.47 0 0 0 2 11.5v6.82c0 1.945.729 3.716 1.921 5.069c-.02.015-.042.023-.061.041l-.71.71c-.2.2-.2.51 0 .71s.51.2.71 0l.71-.71c.018-.018.026-.041.041-.061A7.64 7.64 0 0 0 9.68 26H10v3.06A1.94 1.94 0 0 0 11.94 31h8.12A1.94 1.94 0 0 0 22 29.06V25h.875c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H22v-5h.32a7.64 7.64 0 0 0 5.096-1.952c.006.007.008.015.014.021l.71.71c.2.2.51.2.71 0s.2-.51 0-.71l-.71-.71c-.008-.008-.018-.01-.025-.017A7.64 7.64 0 0 0 30 11.32zM20 14h2.32A2.68 2.68 0 0 0 25 11.32V8.5c0-.652.419-1.201 1-1.408v4.228c0 2.03-1.65 3.68-3.68 3.68H19v-3h.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H19V4.381c.615.703 1 1.613 1 2.619zM18 3.555V29h-4V3.555A3.96 3.96 0 0 1 16 3c.732 0 1.41.211 2 .555M4 18.32V11.5c0-.814.653-1.482 1.472-1.5C6.283 9.983 7 10.683 7 11.55v6.77A2.68 2.68 0 0 0 9.68 21H12V7c0-1.007.385-1.916 1-2.619v11.161l-.1-.102c-.2-.2-.51-.2-.71 0s-.2.51 0 .71l.81.828V22H9.68C7.65 22 6 20.35 6 18.32v-6.77c0-.29-.23-.55-.5-.55h-.01c-.27.01-.49.23-.49.5v6.82C5 20.9 7.1 23 9.68 23H13v6h-1v-5H9.68A5.68 5.68 0 0 1 4 18.32M22.32 17H20v12h-1v-7.882l.83-.848c.2-.19.2-.51 0-.71s-.51-.2-.71 0l-.12.122V16h3.32C24.9 16 27 13.9 27 11.32V7.092c.581.207 1 .756 1 1.408v2.82A5.69 5.69 0 0 1 22.32 17"/></svg>
Как использовать иконку Cactus
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:cactus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:cactus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:cactus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--cactus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:cactus"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:cactus"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/cactus.svg" alt="Иконка Cactus" width="24" height="24">
Иконка Cactus в других наборах
Вопросы и ответы: Иконка Cactus
Можно ли бесплатно использовать иконку Cactus в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cactus в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:cactus" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cactus на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/cactus.svg" alt="Иконка Cactus">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
