ICONYZ
日本語
Fluent Emoji の Ear アイコン

Ear アイコン

fluent-emoji:ear

Ear アイコン(fluent-emoji:ear)は、Fluent Emoji セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Fluent Emoji
作者
Microsoft Corporation
ライセンス
MIT
サイズ
32 × 32
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#FFC94C" d="M6.708 23.43c0 3.242 2.581 6.18 5.868 6.431c2.37 0 4.459-1.374 5.447-3.22l5.756-10.19a9.292 9.292 0 1 0-17.072-5.084z"/><g filter="url(#iWLv9jb)"><ellipse cx="17.338" cy="9.081" fill="url(#i8hs3Zy)" rx="7.28" ry="4.652" transform="rotate(26.087 17.338 9.08)"/></g><g filter="url(#iil29Rd)"><path fill="url(#iuYVCwc)" d="M12.577 28.735c-3.288-.25-4.546-2.063-4.546-5.304V12.173l2.344-.156l9.188 9.156l-2.938 4.969c-.989 1.845-1.68 2.593-4.049 2.593"/><path fill="url(#i2qG5Fc)" d="M12.577 28.735c-3.288-.25-4.546-2.063-4.546-5.304V12.173l2.344-.156l9.188 9.156l-2.938 4.969c-.989 1.845-1.68 2.593-4.049 2.593"/></g><g filter="url(#iraUctE)"><circle cx="12.284" cy="22.218" r="2.924" fill="url(#iTwJaib)"/></g><path stroke="#000" d="M17.5 3.298c1.927.27 5.975 1.95 6.75 6.5"/><circle cx="11.755" cy="22.142" r="3" fill="url(#inG2iRb)"/><circle cx="11.755" cy="22.142" r="3" fill="url(#ifqHPHS)"/><g filter="url(#ihBylXt)"><circle cx="11.774" cy="22.313" r="2.617" fill="#FFC947"/></g><g filter="url(#iwjQl3c)"><path fill="url(#iXxW0yc)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.37 0 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/><path fill="url(#iB8Nfkb)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.37 0 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/></g><path fill="url(#iOaw4Be)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.37 0 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/><path fill="url(#iTrCByc)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.37 0 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/><path fill="url(#iVtKkee)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.37 0 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/><path fill="url(#iYo0ZQc)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.37 0 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/><path fill="url(#ibJNjyd)" d="M18.167 22.696a1.8 1.8 0 0 0-2.439.69l-.859 1.52l-.018.035c-.366.682-1.156 1.316-2.135 1.316c-1.255 0-2.408-1.428-2.408-2.826V11.367a5.692 5.692 0 1 1 11.315.891c-.147.94.126 1.974.943 2.46c.9.537 2.084.21 2.37-.797a9.292 9.292 0 1 0-18.23-2.554v12.064c.002 3.24 2.583 6.18 5.87 6.43c2.37 0 4.459-1.374 5.447-3.22l.84-1.485a1.8 1.8 0 0 0-.696-2.46"/><g filter="url(#ia4W7eK)"><path stroke="url(#icmgcOc)" stroke-linecap="round" stroke-width="2" d="M16.94 3.58c2.291.374 6.919 2.43 7.094 7.655"/></g><g filter="url(#iPx6hTw)"><path stroke="url(#icDJbzd)" stroke-linecap="round" stroke-width="1.5" d="M9.063 10.235v13.657c.021.895.333 3.408 3.062 4.03c2.297.525 3.625-.687 4.275-1.905l1.225-2.125"/></g><defs><radialGradient id="i8hs3Zy" cx="0" cy="0" r="1" gradientTransform="rotate(-90.156 15.517 -1.78)scale(8.19144 14.286)" gradientUnits="userSpaceOnUse"><stop offset=".415" stop-color="#EE8820" stop-opacity="0"/><stop offset=".848" stop-color="#EE8820"/></radialGradient><radialGradient id="ifqHPHS" cx="0" cy="0" r="1" gradientTransform="rotate(146.004 4.37 12.612)scale(3.24158 3.7019)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE663"/><stop offset="1" stop-color="#FFE663" stop-opacity="0"/></radialGradient><radialGradient id="iB8Nfkb" cx="0" cy="0" r="1" gradientTransform="matrix(3.875 -5.5625 6.22805 4.33864 17.5 10.83)" gradientUnits="userSpaceOnUse"><stop offset=".478" stop-color="#F49419"/><stop offset="1" stop-color="#F49419" stop-opacity="0"/></radialGradient><radialGradient id="iOaw4Be" cx="0" cy="0" r="1" gradientTransform="matrix(.14338 -4.62474 6.13434 .19019 23.232 15.266)" gradientUnits="userSpaceOnUse"><stop offset=".174" stop-color="#FFCC4C"/><stop offset="1" stop-color="#FFCC4C" stop-opacity="0"/></radialGradient><radialGradient id="iTrCByc" cx="0" cy="0" r="1" gradientTransform="rotate(115.159 1.796 17.183)scale(4.97005 4.84669)" gradientUnits="userSpaceOnUse"><stop offset=".242" stop-color="#FFCA4D"/><stop offset="1" stop-color="#FFCA4D" stop-opacity="0"/></radialGradient><radialGradient id="iVtKkee" cx="0" cy="0" r="1" gradientTransform="rotate(-115.896 19.594 6.144)scale(26.3315 19.1931)" gradientUnits="userSpaceOnUse"><stop offset=".953" stop-color="#CEA561" stop-opacity="0"/><stop offset="1" stop-color="#CEA561"/></radialGradient><radialGradient id="iYo0ZQc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.14 21.87883 -17.0804 -2.45134 14.584 7.982)" gradientUnits="userSpaceOnUse"><stop offset=".912" stop-color="#D98286" stop-opacity="0"/><stop offset="1" stop-color="#D98286"/></radialGradient><radialGradient id="ibJNjyd" cx="0" cy="0" r="1" gradientTransform="matrix(2.09375 0 0 3.71875 10.344 22.142)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCD49"/><stop offset=".975" stop-color="#FFCD49" stop-opacity="0"/></radialGradient><linearGradient id="iuYVCwc" x1="12.875" x2="10.121" y1="12.579" y2="18.173" gradientUnits="userSpaceOnUse"><stop stop-color="#E58403"/><stop offset="1" stop-color="#E58403" stop-opacity="0"/></linearGradient><linearGradient id="i2qG5Fc" x1="13.563" x2="15.563" y1="27.517" y2="21.923" gradientUnits="userSpaceOnUse"><stop offset=".218" stop-color="#E2992F"/><stop offset="1" stop-color="#E2992F" stop-opacity="0"/></linearGradient><linearGradient id="iTwJaib" x1="14.641" x2="12.533" y1="20.53" y2="24.242" gradientUnits="userSpaceOnUse"><stop offset=".34" stop-color="#FFE15B"/><stop offset="1" stop-color="#C97A03"/></linearGradient><linearGradient id="inG2iRb" x1="11.755" x2="11.755" y1="19.142" y2="25.142" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC609"/><stop offset="1" stop-color="#FEA70C"/></linearGradient><linearGradient id="iXxW0yc" x1="11.563" x2="20" y1="31.517" y2="-.858" gradientUnits="userSpaceOnUse"><stop stop-color="#F0A130"/><stop offset="1" stop-color="#FFD135"/></linearGradient><linearGradient id="icmgcOc" x1="24.971" x2="17.565" y1="11.235" y2="3.423" gradientUnits="userSpaceOnUse"><stop stop-color="#FFED65" stop-opacity="0"/><stop offset=".51" stop-color="#FFED65"/><stop offset="1" stop-color="#FFED65" stop-opacity="0"/></linearGradient><linearGradient id="icDJbzd" x1="8.313" x2="21.251" y1="2.017" y2="24.121" gradientUnits="userSpaceOnUse"><stop stop-color="#FFED65" stop-opacity="0"/><stop offset=".698" stop-color="#FFED65"/></linearGradient><filter id="iWLv9jb" width="15.705" height="12.527" x="9.486" y="2.817" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_4615" stdDeviation=".5"/></filter><filter id="iil29Rd" width="12.531" height="17.719" x="7.531" y="11.517" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_4615" stdDeviation=".25"/></filter><filter id="iraUctE" width="7.349" height="7.349" x="8.61" y="18.543" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_4615" stdDeviation=".375"/></filter><filter id="ihBylXt" width="6.234" height="6.234" x="8.656" y="19.196" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_4615" stdDeviation=".25"/></filter><filter id="iwjQl3c" width="19.085" height="27.786" x="6.708" y="2.075" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.917647 0 0 0 0 0.6 0 0 0 0 0.231373 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_4615"/></filter><filter id="ia4W7eK" width="12.094" height="12.656" x="14.44" y="1.079" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_4615" stdDeviation=".75"/></filter><filter id="iPx6hTw" width="13.063" height="22.313" x="6.813" y="7.985" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_4615" stdDeviation=".75"/></filter></defs></g></svg>

Ear アイコンの使い方

React

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

<Icon icon="fluent-emoji:ear" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:ear" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:ear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--ear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:ear"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:ear"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/ear.svg" alt="Ear アイコン" width="24" height="24">

Fluent Emoji の関連アイコン

他のアイコンセットの Ear アイコン

Ear アイコン のよくある質問

Ear アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Ear アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent-emoji:ear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Ear アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/ear.svg" alt="Ear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent Emoji アイコン をすべて見る →