Dog Face アイコン
twemoji:dog-face
Dog Face アイコン(twemoji:dog-face)は、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
- カテゴリ
- 動物・自然
- タグ
- dogface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#dd2e44" d="M15 27v6s0 3 3 3s3-3 3-3v-6z"/><path fill="#be1931" d="m15 33l.001.037c1.041-.035 2.016-.274 2.632-1.286a.426.426 0 0 1 .735 0c.616 1.011 1.591 1.251 2.632 1.286V27h-6z"/><path fill="#d99e82" d="M31.954 21.619c0 6.276-5 6.276-5 6.276h-18s-5 0-5-6.276c0-6.724 5-18.619 14-18.619s14 12.895 14 18.619"/><path fill="#f4c7b5" d="M18 20c-7 0-10 3.527-10 6.395a5.5 5.5 0 0 0 5.5 5.5c1.605 0 3.042-.664 4.049-2.767a.495.495 0 0 1 .901 0c1.007 2.103 2.445 2.767 4.049 2.767a5.5 5.5 0 0 0 5.5-5.5C28 23.527 25 20 18 20"/><path fill="#292f33" d="M15 22.895c-1 1 2 4 3 4s4-3 3-4s-5-1-6 0M13 19c-1.1 0-2-.9-2-2v-2c0-1.1.9-2 2-2s2 .9 2 2v2c0 1.1-.9 2-2 2m10 0c-1.1 0-2-.9-2-2v-2c0-1.1.9-2 2-2s2 .9 2 2v2c0 1.1-.9 2-2 2"/><path fill="#662113" d="M15 3.608C13.941 2.199 11.681.881 2.828 4.2C-1.316 5.754.708 17.804 3.935 18.585c1.106 0 4.426 0 4.426-8.852c0-.22-.002-.423-.005-.625C10.35 6.298 12.5 4.857 15 3.608m18.172.592C24.319.881 22.059 2.199 21 3.608c2.5 1.25 4.65 2.691 6.644 5.501c-.003.201-.005.404-.005.625c0 8.852 3.319 8.852 4.426 8.852c3.227-.782 5.251-12.832 1.107-14.386"/><circle cx="23.5" cy="25.5" r=".5" fill="#d99e82"/><circle cx="11.5" cy="25.5" r=".5" fill="#d99e82"/><circle cx="25.5" cy="27.5" r=".5" fill="#d99e82"/><circle cx="10.5" cy="27.5" r=".5" fill="#d99e82"/><circle cx="23" cy="28" r="1" fill="#d99e82"/><circle cx="13" cy="28" r="1" fill="#d99e82"/><path fill="#380f09" d="M9.883 7.232c-.259-.673-.634-1.397-1.176-1.939a.999.999 0 1 0-1.414 1.414c.57.57 1.066 1.934 1.068 2.346c.145-.404.839-1.15 1.522-1.821m16.217 0c.259-.672.634-1.397 1.176-1.939a.999.999 0 1 1 1.414 1.414c-.57.57-1.066 1.934-1.068 2.346c-.145-.404-.839-1.15-1.522-1.821"/></svg>
Dog Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:dog-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:dog-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:dog-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--dog-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:dog-face"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:dog-face"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/dog-face.svg" alt="Dog Face アイコン" width="24" height="24">
Dog Face アイコン のよくある質問
Dog Face アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Dog Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:dog-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dog Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/dog-face.svg" alt="Dog Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
