Wolf icon
twemoji:wolf
The Wolf icon (twemoji:wolf) 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
- Tags
- wolf face
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#66757f" d="M14.858 9.497c.475 2.326-.182 4.236-2.921 4.638c-2.741.403-6.7 3.898-8.848-1.798C1.844 9.038 1.092 2.234 2.628 2.009c1.537-.226 11.756 5.162 12.23 7.488"/><path fill="#ccd6dd" d="M12.784 9.851c.865 1.392-2.205 3.833-3.844 4.568c-1.639.736-2.915-.66-4.173-4.1c-.55-1.503-1.234-5.532-.634-5.802c.599-.268 7.785 3.942 8.651 5.334"/><path fill="#66757f" d="M21.372 9.497c-.458 2.326.176 4.236 2.818 4.638c2.644.403 6.464 3.898 8.536-1.798c1.201-3.3 1.927-10.103.445-10.329c-1.483-.225-11.342 5.163-11.799 7.489"/><path fill="#ccd6dd" d="M23.373 9.851c-.835 1.392 2.127 3.833 3.708 4.568c1.581.736 2.812-.66 4.026-4.1c.531-1.503 1.19-5.532.611-5.802c-.577-.268-7.509 3.942-8.345 5.334"/><path fill="#66757f" d="M32.347 26.912c0-.454-.188-1.091-.407-1.687c.585.028 1.519.191 2.77.817a4 4 0 0 0-.273-1.393c.041.02.075.034.116.055c-1.104-3.31-3.309-5.517-3.309-5.517h2.206c-2.331-4.663-4.965-8.015-8.075-9.559c-1.39-.873-3.688-1.338-7.373-1.339h-.003c-3.696 0-5.996.468-7.385 1.346c-3.104 1.547-5.734 4.896-8.061 9.552H4.76s-2.207 2.206-3.311 5.517l.084-.039a2.7 2.7 0 0 0-.282 1.377c1.263-.632 2.217-.792 2.813-.818c-.189.513-.343 1.044-.386 1.475a3.15 3.15 0 0 0-.135 1.343c3.207-1.458 4.707-1.25 6.457-.375C11.213 31.29 14.206 34 18.001 34c3.793 0 6.746-2.794 7.958-6.416c1.458-1.25 3.708-.875 6.416.416a2.8 2.8 0 0 0-.036-1.093z"/><path fill="#ccd6dd" d="M34.553 24.704c-.437-1.313-3.665-3.101-6.973-4.513c.26-.664.42-1.401.42-2.191c0-2.761-1.791-5-4-5s-4 2.239-4 5c0 3 4 10-2.001 11.118c-5.125-.955-2.954-6.201-2.212-9.58q.108-.413.158-.853q.053-.37.055-.685c0-2.761-1.791-5-4-5s-4 2.239-4 5c0 .79.16 1.527.421 2.191c-3.308 1.412-6.535 3.2-6.973 4.513C3.655 23.6 4.759 23.6 4.759 23.6s-1.104 2.208-1.104 3.312c2.67-1.78 5.339-2.122 7.429-.452C12.297 30.083 14 33 18.001 30.124c3.999 2.876 5.7-.04 6.912-3.662c2.092-1.673 4.763-1.33 7.434.45c0-1.104-1.103-3.312-1.103-3.312s1.103.001 3.309 1.104"/><path fill="#292f33" d="M11 17s0-1.5 1.5-1.5S14 17 14 17v1.5s0 1.5-1.5 1.5s-1.5-1.5-1.5-1.5zm11 0s0-1.5 1.5-1.5S25 17 25 17v1.5s0 1.5-1.5 1.5s-1.5-1.5-1.5-1.5zm-7.061 9.156c-1.021.208 2.041 3.968 3.062 3.968s4.082-3.76 3.062-3.968s-5.103-.208-6.124 0"/></svg>How to use the Wolf icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:wolf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:wolf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:wolf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--wolf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:wolf"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:wolf"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/wolf.svg" alt="Wolf icon" width="24" height="24">Wolf icon in other icon sets
Wolf icon FAQ
Is the Wolf 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 Wolf icon in React?
Install @iconify/react and render <Icon icon="twemoji:wolf" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Wolf icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/wolf.svg" alt="Wolf icon">, or paste the SVG code inline to style it with CSS.