Иконка Crocodile
fluent-emoji-flat:crocodile
Иконка Crocodile (fluent-emoji-flat:crocodile) — бесплатная 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 xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#00d26a" d="M10.898 4.031c1.682-1.523 3.667-1.82 5.891-1.82c3.78.053 7.078 2.334 8.485 5.633h.335c.602 0 1.391.906 1.391.906l2.383 2.281c.56.56.68 1.235.68 2.14v2.087c0 .28-.082.664-.512.664c-.461 0-.487-.422-.503-.68c-.007-.113-.012-.195-.052-.195s-.043.086-.047.203c-.009.259-.022.672-.449.672c-.512 0-.53-.444-.541-.7c-.004-.103-.007-.175-.041-.175c-.036 0-.041.079-.048.188c-.017.25-.044.66-.468.66c-.431 0-.52-.387-.52-.637v-1.844c0-.483-.425-.63-.884-.647v7.693c0 .862-.118 1.716-.347 2.54h2.787c.86 0 1.56.7 1.56 1.56v2.94c0 .262-.186.426-.5.426c-.413 0-.44-.392-.457-.65c-.009-.127-.016-.221-.064-.221c-.05 0-.055.097-.062.226c-.014.259-.034.645-.427.645c-.444 0-.462-.394-.474-.652c-.005-.126-.01-.22-.06-.22c-.052 0-.055.095-.058.221c-.006.258-.017.65-.455.65c-.28 0-.443-.145-.443-.425v-1.312c0-.14-.11-.25-.25-.25h-2.485a9.51 9.51 0 0 1-7.794 4.03h-6.297c-1.344 0-2.24-.634-2.25-1.624c-.01-.74.797-1.453 1.312-1.75c.516-.297 2.332-1.213 2.332-1.213c.07-.03.11-.09.11-.17c0-.598.594-1.293 1.37-1.293c.384 0 .638.059.87.185c.06.06.15.07.22.03q.136-.075.273-.147c.564-.302 1.122-.6 1.415-1.177c.26-.52.262-1.099.262-1.679V21h-1.838c-.14 0-.25.036-.25.176v1.27c0 .28-.08.554-.44.554c-.422 0-.455-.39-.478-.658c-.012-.14-.02-.248-.082-.248c-.063 0-.07.114-.08.26c-.016.269-.04.646-.42.646c-.404 0-.414-.373-.422-.64c-.004-.15-.007-.266-.078-.266c-.072 0-.088.122-.107.277c-.033.266-.079.629-.45.629c-.328 0-.443-.285-.443-.555v-2.789c0-.86.853-1.617 1.713-1.617h3.394l.032-5.227c-.899.004-.926.44-.926 1.102v1.453c0 .172-.035.524-.484.524c-.405 0-.44-.376-.463-.628c-.011-.128-.02-.224-.073-.224c-.05 0-.054.09-.059.213c-.01.252-.025.639-.476.639c-.456 0-.477-.397-.49-.649c-.006-.117-.01-.203-.057-.203c-.046 0-.05.086-.056.203c-.014.252-.035.649-.49.649c-.356 0-.47-.254-.47-.524V12.29c0-.64.671-1.33 1.087-1.734a250 250 0 0 1 2.927-2.788c-.197-.5-.631-.814-1.498-.642c-.652.13-1.254.52-1.929.956c-.695.45-1.466.95-2.446 1.263c-1.93.617-4.234 1.054-7.07-.781c-.472-.306-1.106-.831-.93-1.165c.161-.303.445-.3.706-.297h.076s1.648.047 2.234 0c1.726-.138 3.242-.89 5.648-3.07"/><path fill="#1c1c1c" d="M16.5 26a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="#fcd53f" d="M20.529 10.205a.49.49 0 1 0 .98-.01v-1.05a.49.49 0 0 0-.98 0zm-1.937.001a.49.49 0 1 0 .98-.01v-1.05a.49.49 0 0 0-.98 0zm.49 3.547a.49.49 0 0 1-.49-.49v-1.05a.49.49 0 0 1 .98 0v1.05c.01.27-.21.49-.49.49m-.49 2.567c0 .27.22.49.49.49c.28 0 .5-.22.49-.49v-1.05a.49.49 0 0 0-.98 0zm0 3.057c0 .27.22.49.49.49c.28 0 .5-.22.49-.49v-1.05a.49.49 0 0 0-.98 0zm2.427.49a.49.49 0 0 1-.49-.49v-1.05a.49.49 0 0 1 .98 0v1.05c.01.27-.21.49-.49.49m-.49-3.547c0 .27.22.49.49.49c.28 0 .5-.22.49-.49v-1.05a.49.49 0 0 0-.98 0zm.49-2.567a.49.49 0 0 1-.49-.49v-1.05a.49.49 0 0 1 .98 0v1.05c.01.27-.21.49-.49.49m1.936 6.114a.49.49 0 0 1-.49-.49v-1.05a.49.49 0 0 1 .98 0v1.05c0 .27-.22.49-.49.49m-.49-3.511a.49.49 0 0 0 .98 0v-1.05a.49.49 0 0 0-.98 0zm.49-2.603a.49.49 0 0 1-.49-.49v-1.05a.49.49 0 0 1 .98 0v1.05c0 .27-.22.49-.49.49m-.49-3.548c0 .27.22.49.49.49a.5.5 0 0 0 .49-.5v-1.05a.49.49 0 0 0-.98 0z"/><path fill="#008463" d="M9.998 28.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m2.002 0a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/></g></svg>Как использовать иконку Crocodile
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:crocodile" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:crocodile" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:crocodile" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--crocodile]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:crocodile"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:crocodile"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/crocodile.svg" alt="Иконка Crocodile" width="24" height="24">Иконка Crocodile в других наборах
Вопросы и ответы: Иконка Crocodile
Можно ли бесплатно использовать иконку Crocodile в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Crocodile в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:crocodile" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Crocodile на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/crocodile.svg" alt="Иконка Crocodile">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.