Wolf アイコン
twemoji:wolf
Wolf アイコン(twemoji:wolf)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 動物・自然
- タグ
- wolf face
SVG コード
<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>
Wolf アイコンの使い方
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:wolf"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/wolf.svg" alt="Wolf アイコン" width="24" height="24">
Wolf アイコン のよくある質問
Wolf アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Wolf アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:wolf" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wolf アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/wolf.svg" alt="Wolf アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
