Иконка T Rex
fluent-emoji-high-contrast:t-rex
Иконка T Rex (fluent-emoji-high-contrast:t-rex) — бесплатная 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
- Категория
- Животные и природа
- Теги
- trex
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9.487 5.761a.648.648 0 0 1 .9.932l-.93.896a.647.647 0 1 1-.899-.931zM8.992 18.5c0 .367.719.727 1.227.219l.215-.216c.679-.677 1.771-1.768 2.379-2.44c.412-.457.18-1.032-.547-1.032H9.875c-.27.01-.883.188-.883.813z"/><path d="M1 7.5A4.5 4.5 0 0 1 5.5 3h6A4.5 4.5 0 0 1 16 7.5v4.522c1.49.131 2.898.835 3.959 1.801c.925.843 1.661 1.955 1.93 3.177h.064a5 5 0 0 0 5-5.04l-.007-.89c-.005-.553.232-1.15.749-1.484a1.38 1.38 0 0 1 1.01-.203c.38.073.675.293.88.547c.463.577.807 1.355 1.035 2.053S31 13.433 31 14v2a9 9 0 0 1-8 8.945v4.067a2 2 0 0 1-2 2h-3.935a1.49 1.49 0 0 1-1.43-1.046a2.03 2.03 0 0 1-1.53.975l-.049.004h-3.493c-.634 0-1.229-.316-1.464-.945a1.48 1.48 0 0 1 .284-1.498l.015-.017l2.27-2.293a6 6 0 0 1-1.693-1.378c-.685-.792-1.17-1.72-1.348-2.459a9 9 0 0 1-2.433-4.489c-.052.056-.101.12-.158.193c-.134.172-.307.395-.63.675c-.656.572-1.375.13-1.375-.422v-2.484c0-.662.532-.818.797-.812H6V12H3.5A2.5 2.5 0 0 1 1 9.5zm16.476 19.236l-.116-.094c-.426-.355-.933-.902-1.191-1.642h-.2v3.486zM15 23h2a1 1 0 0 1 1 1c0 .401.24.772.64 1.106a3.5 3.5 0 0 0 .745.47l.003.002l.002.001a1 1 0 0 1 .368 1.574l-1.602 1.859H21V24a1 1 0 0 1 1-1a7 7 0 0 0 7-7v-2c0-.194-.044-.51-.135-.885A7 7 0 0 1 21.953 19H21a1 1 0 0 1-1-1c0-.89-.5-1.89-1.388-2.698C17.732 14.5 16.588 14 15.5 14H15a1 1 0 0 1-1-1V7.5A2.5 2.5 0 0 0 11.5 5h-6A2.5 2.5 0 0 0 3 7.5v2a.5.5 0 0 0 .5.5H6a2 2 0 0 1 2 2v4a7 7 0 0 0 6.065 6.938c.244.02.467.04.64.056Q14.852 23 15 23"/></g></svg>
Как использовать иконку T Rex
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:t-rex" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:t-rex" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:t-rex" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--t-rex]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:t-rex"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:t-rex"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/t-rex.svg" alt="Иконка T Rex" width="24" height="24">
Похожие иконки в наборе Fluent Emoji High Contrast
Иконка T Rex в других наборах
Вопросы и ответы: Иконка T Rex
Можно ли бесплатно использовать иконку T Rex в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку T Rex в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:t-rex" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку T Rex на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/t-rex.svg" alt="Иконка T Rex">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
