Disguised Face アイコン

Q: Disguised Face アイコンは商用利用でも無料ですか?

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

fluent-emoji:disguised-face

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

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: disguisedface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iuezoob)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#iE8QcEd)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ivEnSkc)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#iWiImqb)" fill-opacity=".6" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ibBjvec)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ipSnfmL)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ilqJk5c)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#i6j9Pab)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><g filter="url(#i95pNPe)"><circle cx="9.156" cy="16.127" r="5.406" fill="url(#iLJ4oKb)"/></g><g filter="url(#ixRCQ6c)"><circle r="5.406" fill="url(#i4OLqpb)" transform="matrix(-1 0 0 1 20.844 15.565)"/></g><path fill="url(#i3wYRed)" fill-rule="evenodd" d="M9.879 9.121c-.829-.828-1.93-.828-2.758 0A3 3 0 0 1 2.88 4.88c3.171-3.172 8.07-3.172 11.242 0A3 3 0 1 1 9.88 9.12" clip-rule="evenodd"/><path fill="url(#iBeIaFc)" fill-rule="evenodd" d="M9.879 9.121c-.829-.828-1.93-.828-2.758 0A3 3 0 0 1 2.88 4.88c3.171-3.172 8.07-3.172 11.242 0A3 3 0 1 1 9.88 9.12" clip-rule="evenodd"/><path fill="url(#ipffLUc)" fill-rule="evenodd" d="M9.879 9.121c-.829-.828-1.93-.828-2.758 0A3 3 0 0 1 2.88 4.88c3.171-3.172 8.07-3.172 11.242 0A3 3 0 1 1 9.88 9.12" clip-rule="evenodd"/><path fill="url(#i0vSqHe)" fill-rule="evenodd" d="M22.121 9.121c.829-.828 1.93-.828 2.758 0A3 3 0 1 0 29.12 4.88c-3.171-3.172-8.07-3.172-11.242 0a3 3 0 1 0 4.242 4.24" clip-rule="evenodd"/><path fill="url(#iPTN7Ic)" fill-rule="evenodd" d="M22.121 9.121c.829-.828 1.93-.828 2.758 0A3 3 0 1 0 29.12 4.88c-3.171-3.172-8.07-3.172-11.242 0a3 3 0 1 0 4.242 4.24" clip-rule="evenodd"/><path fill="url(#iwKbBUG)" fill-rule="evenodd" d="M22.121 9.121c.829-.828 1.93-.828 2.758 0A3 3 0 1 0 29.12 4.88c-3.171-3.172-8.07-3.172-11.242 0a3 3 0 1 0 4.242 4.24" clip-rule="evenodd"/><g filter="url(#i9Ds6Id)"><ellipse cx="12.594" cy="6.05" fill="url(#iu6NRDc)" fill-opacity=".4" rx="1.23" ry="1.845" transform="rotate(-48.682 12.594 6.05)"/></g><g filter="url(#i2aSFCe)"><ellipse cx="27.574" cy="6.05" fill="url(#imYL4Xb)" fill-opacity=".4" rx="1.23" ry="1.845" transform="rotate(-48.682 27.574 6.05)"/></g><path fill="url(#iGJPFJd)" d="M19.766 28a3.3 3.3 0 0 1-1.876-.583l-.379-.265a2.63 2.63 0 0 0-3.035.021l-.227.16c-1.269.9-3.068.89-4.206-.17a3.145 3.145 0 0 1 .304-4.92l3.707-2.64a3.315 3.315 0 0 1 3.782-.021l3.685 2.555c1.377.954 1.908 2.778 1.095 4.22A3.26 3.26 0 0 1 19.766 28"/><path fill="url(#iwFywEj)" d="M19.766 28a3.3 3.3 0 0 1-1.876-.583l-.379-.265a2.63 2.63 0 0 0-3.035.021l-.227.16c-1.269.9-3.068.89-4.206-.17a3.145 3.145 0 0 1 .304-4.92l3.707-2.64a3.315 3.315 0 0 1 3.782-.021l3.685 2.555c1.377.954 1.908 2.778 1.095 4.22A3.26 3.26 0 0 1 19.766 28"/><path fill="url(#ic2P6ed)" d="M19.766 28a3.3 3.3 0 0 1-1.876-.583l-.379-.265a2.63 2.63 0 0 0-3.035.021l-.227.16c-1.269.9-3.068.89-4.206-.17a3.145 3.145 0 0 1 .304-4.92l3.707-2.64a3.315 3.315 0 0 1 3.782-.021l3.685 2.555c1.377.954 1.908 2.778 1.095 4.22A3.26 3.26 0 0 1 19.766 28"/><path fill="url(#imswTyd)" d="M17.918 22.972h-3.835c-1.427 0-2.458-1.688-1.536-3.09c0 0 2.281-2.723 2.438-6.882h2.06c-.092 3.487 1.78 6.055 2.314 6.715c.092.113.18.23.242.363c.637 1.397-.33 2.893-1.683 2.893"/><path fill="url(#isOPiwG)" d="M17.918 22.972h-3.835c-1.427 0-2.458-1.688-1.536-3.09c0 0 2.281-2.723 2.438-6.882h2.06c-.092 3.487 1.78 6.055 2.314 6.715c.092.113.18.23.242.363c.637 1.397-.33 2.893-1.683 2.893"/><path fill="url(#iuIZvDt)" d="M17.918 22.972h-3.835c-1.427 0-2.458-1.688-1.536-3.09c0 0 2.281-2.723 2.438-6.882h2.06c-.092 3.487 1.78 6.055 2.314 6.715c.092.113.18.23.242.363c.637 1.397-.33 2.893-1.683 2.893"/><path fill="url(#i0RTlSk)" d="M17.918 22.972h-3.835c-1.427 0-2.458-1.688-1.536-3.09c0 0 2.281-2.723 2.438-6.882h2.06c-.092 3.487 1.78 6.055 2.314 6.715c.092.113.18.23.242.363c.637 1.397-.33 2.893-1.683 2.893"/><g filter="url(#iOF7Ymw)"><path stroke="url(#iUxbxgc)" stroke-linecap="round" stroke-opacity=".75" d="M18.063 19.25c.145.323.518 1.073.843 1.488"/></g><path fill="url(#iydmhue)" d="M1 13a1 1 0 0 1 1-1h28a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1"/><path fill="url(#iqV3dkb)" fill-rule="evenodd" d="M9.5 9a4.5 4.5 0 1 0 0 9a4.5 4.5 0 0 0 0-9M4 13.5a5.5 5.5 0 1 1 11 0a5.5 5.5 0 0 1-11 0" clip-rule="evenodd"/><path fill="url(#i8EdwVc)" fill-rule="evenodd" d="M22.5 9.007a4.493 4.493 0 1 0 0 8.986a4.493 4.493 0 0 0 0-8.986M17 13.5a5.5 5.5 0 1 1 11 0a5.5 5.5 0 0 1-11 0" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M14 13.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0m13 0a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0" clip-rule="evenodd"/><path fill="#402A32" fill-rule="evenodd" d="M10.5 11a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m11 0a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5" clip-rule="evenodd"/><defs><radialGradient id="iuezoob" cx="0" cy="0" r="1" gradientTransform="rotate(132.839 10.786 10.065)scale(37.5033)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="iE8QcEd" cx="0" cy="0" r="1" gradientTransform="rotate(131.878 10.74 10.193)scale(38.9487)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="ivEnSkc" cx="0" cy="0" r="1" gradientTransform="rotate(101.31 2.876 12.808)scale(17.8466 22.8581)" gradientUnits="userSpaceOnUse"><stop offset=".788" stop-color="#F59639" stop-opacity="0"/><stop offset=".973" stop-color="#FF7DCE"/></radialGradient><radialGradient id="iWiImqb" cx="0" cy="0" r="1" gradientTransform="matrix(-29 29 -29 -29 18 14)" gradientUnits="userSpaceOnUse"><stop offset=".315" stop-opacity="0"/><stop offset="1"/></radialGradient><radialGradient id="ibBjvec" cx="0" cy="0" r="1" gradientTransform="rotate(77.692 -2.555 18.434)scale(28.1469)" gradientUnits="userSpaceOnUse"><stop offset=".508" stop-color="#7D6133" stop-opacity="0"/><stop offset="1" stop-color="#715B32"/></radialGradient><radialGradient id="ipSnfmL" cx="0" cy="0" r="1" gradientTransform="matrix(7.5 10.99996 -7.97335 5.4364 16.5 16.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB849"/><stop offset="1" stop-color="#FFB847" stop-opacity="0"/></radialGradient><radialGradient id="ilqJk5c" cx="0" cy="0" r="1" gradientTransform="matrix(11.49998 2 -2 11.49998 20.5 18)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA64B"/><stop offset=".9" stop-color="#FFAE46" stop-opacity="0"/></radialGradient><radialGradient id="i6j9Pab" cx="0" cy="0" r="1" gradientTransform="rotate(43.971 -9.827 29.173)scale(59.0529)" gradientUnits="userSpaceOnUse"><stop offset=".185" stop-opacity="0"/><stop offset="1" stop-opacity=".4"/></radialGradient><radialGradient id="iLJ4oKb" cx="0" cy="0" r="1" gradientTransform="matrix(-6.12391 7.37498 -21.36999 -17.74485 9.874 14.972)" gradientUnits="userSpaceOnUse"><stop stop-color="#A84D29"/><stop offset=".895" stop-color="#9C634D" stop-opacity="0"/></radialGradient><radialGradient id="i4OLqpb" cx="0" cy="0" r="1" gradientTransform="matrix(-6.12391 7.37498 -21.36999 -17.74485 6.124 4.25)" gradientUnits="userSpaceOnUse"><stop stop-color="#CE5628"/><stop offset=".802" stop-color="#CE5628" stop-opacity="0"/></radialGradient><radialGradient id="i3wYRed" cx="0" cy="0" r="1" gradientTransform="rotate(-96.688 11.211 3.1)scale(19.319 17.7365)" gradientUnits="userSpaceOnUse"><stop stop-color="#482641"/><stop offset=".521" stop-color="#54414F"/><stop offset=".964" stop-color="#482641"/></radialGradient><radialGradient id="iBeIaFc" cx="0" cy="0" r="1" gradientTransform="rotate(-99.834 11.665 4.092)scale(9.51479 8.74653)" gradientUnits="userSpaceOnUse"><stop offset=".646" stop-color="#1A1819"/><stop offset="1" stop-color="#1A1819" stop-opacity="0"/></radialGradient><radialGradient id="ipffLUc" cx="0" cy="0" r="1" gradientTransform="matrix(-10.3438 4.34367 -4.53087 -10.78958 10.594 7.222)" gradientUnits="userSpaceOnUse"><stop offset=".489" stop-color="#1A1819" stop-opacity="0"/><stop offset="1" stop-color="#1A1819"/></radialGradient><radialGradient id="i0vSqHe" cx="0" cy="0" r="1" gradientTransform="rotate(-83.312 19.485 -5.383)scale(19.319 17.7365)" gradientUnits="userSpaceOnUse"><stop stop-color="#482641"/><stop offset=".521" stop-color="#54414F"/><stop offset=".964" stop-color="#482641"/></radialGradient><radialGradient id="iPTN7Ic" cx="0" cy="0" r="1" gradientTransform="matrix(1.625 -9.375 8.61803 1.4938 22.375 16.284)" gradientUnits="userSpaceOnUse"><stop offset=".646" stop-color="#1A1819"/><stop offset="1" stop-color="#1A1819" stop-opacity="0"/></radialGradient><radialGradient id="iwKbBUG" cx="0" cy="0" r="1" gradientTransform="matrix(-5.68746 -8.34376 10.6645 -7.26937 25.219 8.69)" gradientUnits="userSpaceOnUse"><stop offset=".489" stop-color="#1A1819" stop-opacity="0"/><stop offset="1" stop-color="#1A1819"/></radialGradient><radialGradient id="iu6NRDc" cx="0" cy="0" r="1" gradientTransform="rotate(-109.154 10.063 -.486)scale(5.53376 2.23724)" gradientUnits="userSpaceOnUse"><stop stop-color="#947F8E"/><stop offset="1" stop-color="#947F8E" stop-opacity="0"/></radialGradient><radialGradient id="imYL4Xb" cx="0" cy="0" r="1" gradientTransform="rotate(-109.154 17.553 -5.813)scale(5.53376 2.23724)" gradientUnits="userSpaceOnUse"><stop stop-color="#947F8E"/><stop offset="1" stop-color="#947F8E" stop-opacity="0"/></radialGradient><radialGradient id="iGJPFJd" cx="0" cy="0" r="1" gradientTransform="matrix(0 14.6875 -35.3125 0 16.438 17.284)" gradientUnits="userSpaceOnUse"><stop stop-color="#482641"/><stop offset=".521" stop-color="#54414F"/><stop offset=".781" stop-color="#482641"/></radialGradient><radialGradient id="iwFywEj" cx="0" cy="0" r="1" gradientTransform="matrix(-4.31249 3.68751 -3.54166 -4.14191 14.563 20.596)" gradientUnits="userSpaceOnUse"><stop stop-color="#3F2628"/><stop offset="1" stop-color="#3F2628" stop-opacity="0"/></radialGradient><radialGradient id="ic2P6ed" cx="0" cy="0" r="1" gradientTransform="matrix(-.00055 10.5338 -20.0404 -.00105 16 22.375)" gradientUnits="userSpaceOnUse"><stop offset=".448" stop-color="#A72274" stop-opacity="0"/><stop offset="1" stop-color="#A72274"/></radialGradient><radialGradient id="imswTyd" cx="0" cy="0" r="1" gradientTransform="matrix(2.37083 16.37991 -18.00775 2.60644 16.425 13)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC42E"/><stop offset=".452" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="iuIZvDt" cx="0" cy="0" r="1" gradientTransform="matrix(2.91797 1.52343 -4.88785 9.36216 12.535 16.015)" gradientUnits="userSpaceOnUse"><stop stop-color="#682E17"/><stop offset=".158" stop-color="#A84D29"/><stop offset="1" stop-color="#9C634D" stop-opacity="0"/></radialGradient><radialGradient id="i0RTlSk" cx="0" cy="0" r="1" gradientTransform="matrix(-2.70522 2.87372 -3.179 -2.9926 19.526 14.042)" gradientUnits="userSpaceOnUse"><stop offset=".175" stop-color="#682E17"/><stop offset=".608" stop-color="#A84D29"/><stop offset="1" stop-color="#9C634D" stop-opacity="0"/></radialGradient><radialGradient id="iqV3dkb" cx="0" cy="0" r="1" gradientTransform="matrix(12.40627 -2.75 2.75742 12.43976 8.875 15.222)" gradientUnits="userSpaceOnUse"><stop offset=".452" stop-color="#482641"/><stop offset=".554" stop-color="#5F4558"/><stop offset=".7" stop-color="#482641"/><stop offset="1" stop-color="#482641"/></radialGradient><radialGradient id="i8EdwVc" cx="0" cy="0" r="1" gradientTransform="matrix(12.40627 -2.75 2.75742 12.43976 21.875 15.222)" gradientUnits="userSpaceOnUse"><stop offset=".452" stop-color="#482641"/><stop offset=".554" stop-color="#5F4558"/><stop offset=".7" stop-color="#482641"/><stop offset="1" stop-color="#482641"/></radialGradient><filter id="i95pNPe" width="13.811" height="13.811" x="2.25" y="9.222" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6811_5229" stdDeviation=".75"/></filter><filter id="ixRCQ6c" width="13.811" height="13.811" x="13.938" y="8.659" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6811_5229" stdDeviation=".75"/></filter><filter id="i9Ds6Id" width="5.213" height="5.058" x="9.987" y="3.521" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6811_5229" stdDeviation=".5"/></filter><filter id="i2aSFCe" width="5.213" height="5.058" x="24.967" y="3.521" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6811_5229" stdDeviation=".5"/></filter><filter id="iOF7Ymw" width="3.844" height="4.489" x="16.562" y="17.749" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6811_5229" stdDeviation=".5"/></filter><linearGradient id="isOPiwG" x1="16" x2="16" y1="13" y2="17.192" gradientUnits="userSpaceOnUse"><stop stop-color="#A84D29"/><stop offset="1" stop-color="#9C634D" stop-opacity="0"/></linearGradient><linearGradient id="iUxbxgc" x1="17.706" x2="19.675" y1="19.25" y2="20.785" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#FFF478" stop-opacity=".5"/><stop offset="1" stop-color="#FFF478" stop-opacity="0"/></linearGradient><linearGradient id="iydmhue" x1="16.156" x2="16.156" y1="9.05" y2="15.472" gradientUnits="userSpaceOnUse"><stop offset=".45" stop-color="#482641"/><stop offset=".55" stop-color="#5F4558"/><stop offset=".674" stop-color="#482641"/></linearGradient></defs></g></svg>

Disguised Face アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:disguised-face"></iconify-icon>

HTML 画像

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

他のアイコンセットの Disguised Face アイコン

Disguised Face アイコンのよくある質問

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

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

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

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

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

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

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