Sauropod icon
twemoji:sauropod
The Sauropod icon (twemoji:sauropod) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Animals & Nature
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#3e721d" d="M17.68 22s1.937 7.873 1.187 9.373c-2.373 4.746-1.187 4.627 0 4.627h2.373c2.373 0-1.187-14-1.187-14zM5.255 19.387s-.436 7.993-1.187 9.493C1.695 33.626 1.695 36 2.882 36h2.373c1.186 0 1.187-4.154 1.187-5.34c0-1.187 1.187-8.603 1.187-8.603z"/><path fill="#77b255" d="M12.374 5.251c-2.068.017-4.209-.435-5.523 2.099c-1.404 2.709-2.065 8.579.776 9.664c2.479.947 7.933-1.187 13.866 1.187s8.306 16.612 13.015 16.63c1.224.005 1.206 1.123.001 1.132c-5.914.045-8.509-5.897-9.509-5.897c0 0 1 5.934 0 5.934h-4c-1 0 0-3.081 0-4.268v-1.667s-1.593 1.218-5.936 1.218C11.781 31.284 9 30.066 9 30.066S10 36 9 36H5.255c-1.678 0 .166-4.013 0-5.934c-.102-1.182-.51-4.757-1.224-5.933c-1.726-2.847-2.763-11.521-1.929-15.285c.781-3.526 3.122-6.633 4.675-7.51C8.296.479 9.64-.162 12.968.373c1.775.285 3.591 2.922 2.89 4.274c-.421.81-1.94.591-3.484.604"/><path d="M12.967 2.181a.592.592 0 1 1-1.185.001a.592.592 0 0 1 1.185-.001"/><path fill="#5c913b" d="M10.218 18.485a.575.575 0 1 1-1.1.34a.575.575 0 0 1 1.1-.34m3.874 1.248a.819.819 0 1 1-1.566.484a.819.819 0 1 1 1.566-.484m-1.625-1.426a.435.435 0 1 1-.831.258a.435.435 0 0 1 .831-.258m2.458-.331a.413.413 0 1 1-.788.244a.413.413 0 0 1 .788-.244m2.843.35a.763.763 0 1 1-1.458.45a.763.763 0 0 1 1.458-.45m4.753 1.979a.487.487 0 1 1-.61-.322a.487.487 0 0 1 .61.322m-5.854 0a.487.487 0 1 1-.61-.322a.49.49 0 0 1 .61.322m4.218-1.306a.487.487 0 1 1-.932.288a.487.487 0 1 1 .932-.288m-1.501.199a.722.722 0 1 1-1.378.427a.722.722 0 0 1 1.378-.427"/></svg>How to use the Sauropod icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:sauropod" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:sauropod" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:sauropod" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--sauropod]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:sauropod"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:sauropod"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/sauropod.svg" alt="Sauropod icon" width="24" height="24">Sauropod icon in other icon sets
Sauropod icon FAQ
Is the Sauropod icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Sauropod icon in React?
Install @iconify/react and render <Icon icon="twemoji:sauropod" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sauropod icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/sauropod.svg" alt="Sauropod icon">, or paste the SVG code inline to style it with CSS.