ICONYZ
English
T Rex icon from OpenMoji

T Rex icon

openmoji:t-rex

The T Rex icon (openmoji:t-rex) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
OpenMoji
Author
OpenMoji
License
CC-BY-SA-4.0
Size
72 × 72
Category
Animals Nature
Tags
trex
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g stroke-miterlimit="10" stroke-width="1.8"><path fill="#b1cc33" stroke="#b1cc33" stroke-linecap="round" stroke-linejoin="round" d="M38 55s9 4 12-8s-12 8-12 8"/><path fill="#b1cc33" stroke="#b1cc33" stroke-linecap="round" stroke-linejoin="round" d="M39 48s6.125-2.68 6.651.837c.15 1.006-.243 2.018-.915 2.781L40 57h0c.002 0 6.43 1.91 5.167 3.417C43 63 34 61 34 61h0l1-5h0c-15.997 4-19.998-10.994-20-11h0c.005.004 14.168 11.665 20.083 1.833C41 37 38.167 17.167 50.583 17.583c8.358.28 9.844 4.715 9.923 7.583c.038 1.393-.256 2.417-.256 2.417a10 10 0 0 1-.319 1.53c-1.154 3.836-4.26 3-7.098 3.97c-3.166 1.084-2.083 4.416-2.083 4.417h0C56.5 36 56 43 54 41s-3.167 1.333-3.167 1.333h0S51 49 49 51"/><path fill="#5c9e31" stroke="#5c9e31" d="M51 43c2 0 4 3 4 3c1 4-4.417 8.333-4.417 8.333S62 57 52.667 57.333S46 55 46 55s3-2 5-9"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M43 41s2-3.833 4.5-1.417S47 43 46 42s-2 2-2 2"/><path d="M39 48s6.125-2.68 6.651.837c.15 1.006-.243 2.018-.915 2.781L40 57s6.43 1.91 5.167 3.417C43 63 34 61 34 61l1-5c-16 4-20-11-20-11s14.167 11.667 20.083 1.833s3.084-29.666 15.5-29.25c8.358.28 9.844 4.715 9.923 7.583c.038 1.393-.256 2.417-.256 2.417a10 10 0 0 1-.319 1.53c-1.154 3.836-4.26 3-7.098 3.97c-3.166 1.084-2.083 4.417-2.083 4.417C56.5 36 56 43 54 41s-3.167 1.333-3.167 1.333S51 49 49 51"/><path d="M54.5 44.833c3.5 2.834-3.917 9.5-3.917 9.5S62 57 52.667 57.333S46 55 46 55"/></g></svg>

How to use the T Rex icon

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:t-rex" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:t-rex" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:t-rex" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--t-rex]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:t-rex"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:t-rex"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/t-rex.svg" alt="T Rex icon" width="24" height="24">

Related icons in OpenMoji

T Rex icon in other icon sets

T Rex icon FAQ

Is the T Rex icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the T Rex icon in React?

Install @iconify/react and render <Icon icon="openmoji:t-rex" />, or use “Copy code” on this page to get a standalone React component.

How do I add the T Rex icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/t-rex.svg" alt="T Rex icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →