Selfie アイコン
fluent-emoji:selfie
Selfie アイコン(fluent-emoji:selfie)は、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 xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><rect width="6.844" height="9.938" x="16.939" y="2.031" fill="url(#iK5ss7b)" rx=".9"/><rect width="6.844" height="9.938" x="16.939" y="2.031" fill="url(#idE8uyb)" rx=".9"/><path fill="url(#iP4GBpc)" d="M16.94 11V3.031h6.01V11z"/><path fill="url(#i6xiCsb)" d="M16.94 11V3.031h6.01V11z"/><path fill="url(#iYxBUsc)" d="M16.94 11V3.031h6.01V11z"/><path fill="url(#ifcEvfc)" d="M16.94 11V3.031h6.01V11z"/><g filter="url(#isiMBib)"><path fill="url(#imuBpgc)" d="M21.328 5.93c0-.526.427-.953.954-.953h.876a.954.954 0 1 1 0 1.908a.954.954 0 0 1 .305 1.858a.955.955 0 0 1-.305 1.859h-.876a.954.954 0 0 1-.362-1.838a.954.954 0 0 1 .233-1.88h.129a.954.954 0 0 1-.954-.953"/></g><path fill="#F6C32F" d="M16.62 7.297a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.368.349.628l-.296 1.464h5.364l.375-1.422a.75.75 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.054c-.132-.006-.262.02-.392.046q-.073.015-.147.028a1 1 0 0 1-.15.013H17.88a.9.9 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316s-.591-1.316-1.321-1.316z"/><path fill="url(#iJTIvNq)" d="M16.62 7.297a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.368.349.628l-.296 1.464h5.364l.375-1.422a.75.75 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.054c-.132-.006-.262.02-.392.046q-.073.015-.147.028a1 1 0 0 1-.15.013H17.88a.9.9 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316s-.591-1.316-1.321-1.316z"/><path fill="url(#iHOoz8l)" d="M16.62 7.297a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.368.349.628l-.296 1.464h5.364l.375-1.422a.75.75 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.054c-.132-.006-.262.02-.392.046q-.073.015-.147.028a1 1 0 0 1-.15.013H17.88a.9.9 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316s-.591-1.316-1.321-1.316z"/><path fill="url(#imtYChe)" d="M16.62 7.297a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.368.349.628l-.296 1.464h5.364l.375-1.422a.75.75 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.054c-.132-.006-.262.02-.392.046q-.073.015-.147.028a1 1 0 0 1-.15.013H17.88a.9.9 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316s-.591-1.316-1.321-1.316z"/><path fill="url(#ilenf6H)" d="M16.62 7.297a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.368.349.628l-.296 1.464h5.364l.375-1.422a.75.75 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.054c-.132-.006-.262.02-.392.046q-.073.015-.147.028a1 1 0 0 1-.15.013H17.88a.9.9 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316s-.591-1.316-1.321-1.316z"/><g filter="url(#iOVJCIb)"><path fill="#E83896" d="M16.778 15.063a1.2 1.2 0 0 0-1.129.793l-2.023 5.617a.75.75 0 0 1-.706.496H2.598a.6.6 0 0 0-.6.6v6.737a.6.6 0 0 0 .6.6h13.238a4 4 0 0 0 3.819-2.81L23 16.36a1 1 0 0 0-.955-1.297z"/><path fill="url(#igPDBXd)" d="M16.778 15.063a1.2 1.2 0 0 0-1.129.793l-2.023 5.617a.75.75 0 0 1-.706.496H2.598a.6.6 0 0 0-.6.6v6.737a.6.6 0 0 0 .6.6h13.238a4 4 0 0 0 3.819-2.81L23 16.36a1 1 0 0 0-.955-1.297z"/><path fill="url(#i3G4fdV)" d="M16.778 15.063a1.2 1.2 0 0 0-1.129.793l-2.023 5.617a.75.75 0 0 1-.706.496H2.598a.6.6 0 0 0-.6.6v6.737a.6.6 0 0 0 .6.6h13.238a4 4 0 0 0 3.819-2.81L23 16.36a1 1 0 0 0-.955-1.297z"/></g><rect width="3.027" height="2.094" x="21.572" y="10.602" fill="url(#iU4drDd)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.602" fill="url(#iTfRide)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.602" fill="url(#idrqxik)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.602" fill="url(#iiOyUpb)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.602" fill="url(#ibmcvVP)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="4.594" fill="url(#iunHEJd)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="4.594" fill="url(#i1w3DQd)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="4.594" fill="url(#iKY6hjb)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.672" fill="url(#izurRDe)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.672" fill="url(#iA72GHE)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.672" fill="url(#iiSRFMd)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.672" fill="url(#iK8eNVc)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.688" fill="url(#itHBTQn)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.688" fill="url(#i9sslnX)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.688" fill="url(#iUOA9ve)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.688" fill="url(#iC6mQlZ)" rx="1.047"/><defs><radialGradient id="iP4GBpc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.45239 7.41865 -5.95467 -1.16578 21.398 4.787)" gradientUnits="userSpaceOnUse"><stop stop-color="#54C4FF"/><stop offset="1" stop-color="#2E8DE8"/></radialGradient><radialGradient id="ifcEvfc" cx="0" cy="0" r="1" gradientTransform="matrix(1.94501 .78125 -.58938 1.46734 18 9.352)" gradientUnits="userSpaceOnUse"><stop stop-color="#267BAE"/><stop offset="1" stop-color="#267BAE" stop-opacity="0"/></radialGradient><radialGradient id="iJTIvNq" cx="0" cy="0" r="1" gradientTransform="matrix(-3.19961 0 0 -3.32917 23.639 12.406)" gradientUnits="userSpaceOnUse"><stop offset=".425" stop-color="#F09B4C"/><stop offset="1" stop-color="#F09B4C" stop-opacity="0"/></radialGradient><radialGradient id="iHOoz8l" cx="0" cy="0" r="1" gradientTransform="matrix(2.14654 -.49853 2.8596 12.3127 16.25 11.882)" gradientUnits="userSpaceOnUse"><stop stop-color="#F09B4C"/><stop offset="1" stop-color="#F09B4C" stop-opacity="0"/></radialGradient><radialGradient id="imtYChe" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.71723 3.30237 0 18.361 10.166)" gradientUnits="userSpaceOnUse"><stop stop-color="#F09B4C"/><stop offset="1" stop-color="#F09B4C" stop-opacity="0"/></radialGradient><radialGradient id="ilenf6H" cx="0" cy="0" r="1" gradientTransform="matrix(-.62745 .62745 -.71264 -.71264 18.89 8.348)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDC62"/><stop offset="1" stop-color="#FFDC62" stop-opacity="0"/></radialGradient><radialGradient id="igPDBXd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.68752 2.24998 -.59132 -.70631 23.483 15.062)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF99B6"/><stop offset="1" stop-color="#FF99B6" stop-opacity="0"/></radialGradient><radialGradient id="iU4drDd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.29687 0 0 -1.47398 24.263 11.648)" gradientUnits="userSpaceOnUse"><stop stop-color="#FBBE3E"/><stop offset="1" stop-color="#EAA504"/></radialGradient><radialGradient id="iTfRide" cx="0" cy="0" r="1" gradientTransform="matrix(-.53893 .375 -.33792 -.48564 24.18 11.36)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD666"/><stop offset="1" stop-color="#FFD666" stop-opacity="0"/></radialGradient><radialGradient id="idrqxik" cx="0" cy="0" r="1" gradientTransform="matrix(.91818 0 0 1.71875 21.16 11.648)" gradientUnits="userSpaceOnUse"><stop stop-color="#DD9D52"/><stop offset="1" stop-color="#DD9D52" stop-opacity="0"/></radialGradient><radialGradient id="i1w3DQd" cx="0" cy="0" r="1" gradientTransform="matrix(-.63281 .375 -.31612 -.53345 24.716 5.352)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE064"/><stop offset="1" stop-color="#FFE064" stop-opacity="0"/></radialGradient><radialGradient id="iKY6hjb" cx="0" cy="0" r="1" gradientTransform="matrix(1.07813 0 0 1.71875 21.17 5.64)" gradientUnits="userSpaceOnUse"><stop stop-color="#DD9D52"/><stop offset="1" stop-color="#DD9D52" stop-opacity="0"/></radialGradient><radialGradient id="izurRDe" cx="0" cy="0" r="1" gradientTransform="matrix(-2.69698 0 0 -1.47398 24.814 9.719)" gradientUnits="userSpaceOnUse"><stop stop-color="#FBBE3E"/><stop offset="1" stop-color="#EAA504"/></radialGradient><radialGradient id="iA72GHE" cx="0" cy="0" r="1" gradientTransform="matrix(-.63281 .375 -.31612 -.53345 24.716 9.43)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD666"/><stop offset="1" stop-color="#FFD666" stop-opacity="0"/></radialGradient><radialGradient id="iiSRFMd" cx="0" cy="0" r="1" gradientTransform="matrix(1.07813 0 0 1.71875 21.17 9.719)" gradientUnits="userSpaceOnUse"><stop stop-color="#DD9D52"/><stop offset="1" stop-color="#DD9D52" stop-opacity="0"/></radialGradient><radialGradient id="i9sslnX" cx="0" cy="0" r="1" gradientTransform="matrix(-.66202 .375 -.3091 -.54569 24.694 7.445)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE064"/><stop offset="1" stop-color="#FFE064" stop-opacity="0"/></radialGradient><radialGradient id="iUOA9ve" cx="0" cy="0" r="1" gradientTransform="matrix(1.12788 0 0 1.71875 20.983 7.734)" gradientUnits="userSpaceOnUse"><stop stop-color="#DD9D52"/><stop offset="1" stop-color="#DD9D52" stop-opacity="0"/></radialGradient><linearGradient id="iK5ss7b" x1="20.724" x2="24.074" y1="5.663" y2="2.508" gradientUnits="userSpaceOnUse"><stop stop-color="#48427D"/><stop offset="1" stop-color="#5C6193"/></linearGradient><linearGradient id="idE8uyb" x1="20.361" x2="20.361" y1="12.231" y2="11.45" gradientUnits="userSpaceOnUse"><stop stop-color="#312D58"/><stop offset="1" stop-color="#312D58" stop-opacity="0"/></linearGradient><linearGradient id="i6xiCsb" x1="23.17" x2="22.466" y1="7.294" y2="7.294" gradientUnits="userSpaceOnUse"><stop stop-color="#6CEDFF"/><stop offset="1" stop-color="#6CEDFF" stop-opacity="0"/></linearGradient><linearGradient id="iYxBUsc" x1="16.906" x2="17.334" y1="7.016" y2="7.016" gradientUnits="userSpaceOnUse"><stop stop-color="#5E98C5"/><stop offset="1" stop-color="#5E98C5" stop-opacity="0"/></linearGradient><linearGradient id="imuBpgc" x1="21.942" x2="21.942" y1="10.602" y2="5.689" gradientUnits="userSpaceOnUse"><stop stop-color="#2E74A1"/><stop offset="1" stop-color="#5192B4"/></linearGradient><linearGradient id="i3G4fdV" x1="11.076" x2="11.076" y1="30.813" y2="27.188" gradientUnits="userSpaceOnUse"><stop stop-color="#DF42C3"/><stop offset="1" stop-color="#DF42C3" stop-opacity="0"/></linearGradient><linearGradient id="iiOyUpb" x1="23.086" x2="23.086" y1="10.602" y2="10.883" gradientUnits="userSpaceOnUse"><stop stop-color="#D68C02"/><stop offset="1" stop-color="#D68C02" stop-opacity="0"/></linearGradient><linearGradient id="ibmcvVP" x1="23.086" x2="23.086" y1="12.261" y2="12.822" gradientUnits="userSpaceOnUse"><stop stop-color="#EB8F72" stop-opacity="0"/><stop offset="1" stop-color="#EB8F72"/></linearGradient><linearGradient id="iunHEJd" x1="23.431" x2="23.431" y1="4.594" y2="6.688" gradientUnits="userSpaceOnUse"><stop stop-color="#F1C438"/><stop offset="1" stop-color="#F4AF24"/></linearGradient><linearGradient id="iK8eNVc" x1="23.431" x2="23.431" y1="8.625" y2="8.922" gradientUnits="userSpaceOnUse"><stop stop-color="#D68C02"/><stop offset="1" stop-color="#D68C02" stop-opacity="0"/></linearGradient><linearGradient id="itHBTQn" x1="23.349" x2="23.349" y1="6.688" y2="8.781" gradientUnits="userSpaceOnUse"><stop stop-color="#F9BF3E"/><stop offset="1" stop-color="#F4AF24"/></linearGradient><linearGradient id="iC6mQlZ" x1="23.349" x2="23.349" y1="6.563" y2="6.938" gradientUnits="userSpaceOnUse"><stop stop-color="#D68C02"/><stop offset="1" stop-color="#D68C02" stop-opacity="0"/></linearGradient><filter id="isiMBib" width="3.914" height="6.625" x="20.699" y="4.477" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_5804" stdDeviation=".25"/></filter><filter id="iOVJCIb" width="22.048" height="15.844" x="1.998" y="15.063" 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="1" dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.839216 0 0 0 0 0.215686 0 0 0 0 0.380392 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_5804"/></filter></defs></g></svg>Selfie アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:selfie" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:selfie" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:selfie" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--selfie]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:selfie"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:selfie"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/selfie.svg" alt="Selfie アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Selfie アイコン
Selfie アイコン のよくある質問
Selfie アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Selfie アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:selfie" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Selfie アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/selfie.svg" alt="Selfie アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。