Иконка Shark
fluent-emoji-flat:shark
Иконка Shark (fluent-emoji-flat:shark) — бесплатная 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="#9b9b9b" d="M26 3c0-.59-.5-1.05-1.09-1c-2.001.185-4.011.865-5.613 1.873q-.435-.033-.877-.033h-1.61c-5.54 0-11.12 2.61-14.45 7.04c-.44.58-.48 1.38-.1 2c.47.78 1.081 1.48 1.79 2.071H17V16.8c0 1.3.73 2.49 1.89 3.08l.09.05A.7.7 0 0 0 20 19.3v-4.35h2.447c1.155.34 2.369.53 3.553.53v-.53h.033v5.885l-7.583 3.637l-.4-.76a10 10 0 0 1-.63.127a.8.8 0 0 1-.75-.28l-1.76-2.2A6.28 6.28 0 0 0 10.02 19H8.77c-.31 0-.49.35-.3.6l5.23 6.97c.19.25.2.6.02.87l-1.32 1.98c-.15.25.03.58.32.58h1.62c1.04 0 2.02-.52 2.6-1.39l.85-1.26a.79.79 0 0 1 .66-.35c.13 0 .26 0 .39-.01C25.04 26.77 30 21.68 30 15.42c0-3.5-1.55-6.635-4-8.758z"/><path fill="#d3d3d3" d="M23 13.92V11.5c0-.19.18-.33.39-.28c2.7.73 4.67 3.21 4.64 6.15c-.02 2.13-1.15 4.1-2.94 5.26l-.95.62c-1.85 1.2-3.94 1.99-6.11 2.32v-1.85c.1-.02.19-.05.29-.07c1.856-.7 5.681-2.065 5.681-4.64c0-1.552-1.52-1.987-2.281-2.01H9.15c-1.85-.09-3.68-.85-5.12-2.05l1.41-1.21C7.5 11.97 10.13 11 12.84 11h6.89c.15 0 .27.12.27.27c0 1.22.61 2.37 1.63 3.06l.28.18c.46.31 1.09-.03 1.09-.59"/><path fill="#636363" d="M15 12c0 .28.22.5.5.5c.27 0 .5-.22.5-.5V9.99c0-.27-.22-.5-.5-.5s-.5.22-.5.5zm2 0c0 .28.22.5.5.5c.27 0 .5-.22.5-.5V9.99c0-.28-.22-.5-.5-.5s-.5.22-.5.5z"/><path fill="#1c1c1c" d="M10.51 12a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></g></svg>
Как использовать иконку Shark
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:shark" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:shark" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:shark" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--shark]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:shark"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:shark"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/shark.svg" alt="Иконка Shark" width="24" height="24">
Иконка Shark в других наборах
Вопросы и ответы: Иконка Shark
Можно ли бесплатно использовать иконку Shark в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Shark в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:shark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Shark на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/shark.svg" alt="Иконка Shark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji Flat →
ICONYZ
