Selfie Medium アイコン

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

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

fluent-emoji:selfie-medium

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

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

SVG をダウンロード

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="1.992" fill="url(#iakIfNS)" rx=".9"/><rect width="6.844" height="9.938" x="16.939" y="1.992" fill="url(#iO5HDec)" rx=".9"/><path fill="url(#iQvhFQc)" d="M16.94 10.96V2.993h6.01v7.969z"/><path fill="url(#ixQBRcc)" d="M16.94 10.96V2.993h6.01v7.969z"/><path fill="url(#iN8goLd)" d="M16.94 10.96V2.993h6.01v7.969z"/><path fill="url(#iYighKb)" d="M16.94 10.96V2.993h6.01v7.969z"/><g filter="url(#icUNeYk)"><path fill="url(#iMIF8Ub)" d="M21.328 5.892c0-.527.427-.955.954-.955h.876a.954.954 0 1 1 0 1.909a.954.954 0 0 1 .305 1.858a.955.955 0 0 1-.305 1.858h-.876a.954.954 0 0 1-.362-1.837a.954.954 0 0 1 .233-1.88h.129a.954.954 0 0 1-.954-.953"/></g><path fill="#B38779" d="M16.62 7.258a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.369.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.053a1.6 1.6 0 0 0-.392.047q-.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(#i90KWCE)" d="M16.62 7.258a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.369.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.053a1.6 1.6 0 0 0-.392.047q-.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(#iTlxDpe)" d="M16.62 7.258a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.369.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.053a1.6 1.6 0 0 0-.392.047q-.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(#iaKLzQb)" d="M16.62 7.258a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.369.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.053a1.6 1.6 0 0 0-.392.047q-.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(#iVIQDhe)" d="M16.62 7.258a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.369.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.053a1.6 1.6 0 0 0-.392.047q-.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(#iT6UQqb)" d="M16.62 7.258a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.369.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.053a1.6 1.6 0 0 0-.392.047q-.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(#i30DGYd)"><path fill="#E24C86" d="M16.778 15.023a1.2 1.2 0 0 0-1.129.794l-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.321a1 1 0 0 0-.955-1.298z"/><path fill="url(#ibL0nDd)" d="M16.778 15.023a1.2 1.2 0 0 0-1.129.794l-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.321a1 1 0 0 0-.955-1.298z"/><path fill="url(#ikRx4sb)" d="M16.778 15.023a1.2 1.2 0 0 0-1.129.794l-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.321a1 1 0 0 0-.955-1.298z"/></g><path fill="url(#iljekMb)" d="M16.778 15.023a1.2 1.2 0 0 0-1.129.794l-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.321a1 1 0 0 0-.955-1.298z"/><rect width="3.027" height="2.094" x="21.572" y="10.563" fill="url(#i1XJBjb)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.563" fill="url(#iyBKe2Q)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.563" fill="url(#i6ETYGt)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.563" fill="url(#isycvIQ)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="4.555" fill="url(#iVxrxmc)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="4.555" fill="url(#iowKzLb)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="4.555" fill="url(#iNLFWLb)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.633" fill="url(#inpmxLe)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.633" fill="url(#igTFzmb)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.633" fill="url(#iGY8R8c)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.633" fill="url(#ivWCIKd)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.648" fill="url(#i6rxfqd)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.648" fill="url(#iPUGXQE)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.648" fill="url(#imTKXib)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.648" fill="url(#iLVK5Ub)" rx="1.047"/><defs><radialGradient id="iQvhFQc" cx="0" cy="0" r="1" gradientTransform="rotate(97.587 8.91 11.116)scale(8.79527 10.2043)" gradientUnits="userSpaceOnUse"><stop stop-color="#4CBFF1"/><stop offset="1" stop-color="#1884D9"/></radialGradient><radialGradient id="iYighKb" cx="0" cy="0" r="1" gradientTransform="matrix(1.94501 .78125 -.58938 1.46734 18 9.313)" gradientUnits="userSpaceOnUse"><stop stop-color="#267BAE"/><stop offset="1" stop-color="#267BAE" stop-opacity="0"/></radialGradient><radialGradient id="i90KWCE" cx="0" cy="0" r="1" gradientTransform="rotate(171.866 11.326 6.8)scale(3.09203 3.21722)" gradientUnits="userSpaceOnUse"><stop stop-color="#9B6371"/><stop offset="1" stop-color="#9B6371" stop-opacity="0"/></radialGradient><radialGradient id="iTlxDpe" cx="0" cy="0" r="1" gradientTransform="matrix(3.0968 -.55469 3.18173 17.7635 15.299 11.898)" gradientUnits="userSpaceOnUse"><stop stop-color="#9B6371"/><stop offset="1" stop-color="#9B6371" stop-opacity="0"/></radialGradient><radialGradient id="iaKLzQb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.71723 3.30237 0 18.362 10.125)" gradientUnits="userSpaceOnUse"><stop stop-color="#9B6371"/><stop offset="1" stop-color="#9B6371" stop-opacity="0"/></radialGradient><radialGradient id="iVIQDhe" cx="0" cy="0" r="1" gradientTransform="matrix(-.80716 .88786 -.96855 -.8805 17.79 11.092)" gradientUnits="userSpaceOnUse"><stop stop-color="#B6917E"/><stop offset="1" stop-color="#B6917E" stop-opacity="0"/></radialGradient><radialGradient id="iT6UQqb" cx="0" cy="0" r="1" gradientTransform="matrix(-.62745 .62745 -.71264 -.71264 18.89 8.31)" gradientUnits="userSpaceOnUse"><stop stop-color="#C9A28C"/><stop offset="1" stop-color="#C9A28C" stop-opacity="0"/></radialGradient><radialGradient id="ibL0nDd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.68752 2.24998 -.59132 -.70631 23.483 15.024)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF99B6"/><stop offset="1" stop-color="#FF99B6" stop-opacity="0"/></radialGradient><radialGradient id="iljekMb" cx="0" cy="0" r="1" gradientTransform="matrix(1.32813 .40625 -1.35537 4.43103 14.75 18)" gradientUnits="userSpaceOnUse"><stop offset=".25" stop-color="#D56274"/><stop offset="1" stop-color="#D56274" stop-opacity="0"/></radialGradient><radialGradient id="iyBKe2Q" cx="0" cy="0" r="1" gradientTransform="matrix(-.53893 .375 -.33792 -.48564 24.181 11.32)" gradientUnits="userSpaceOnUse"><stop stop-color="#C8A28A"/><stop offset="1" stop-color="#C8A28A" stop-opacity="0"/></radialGradient><radialGradient id="i6ETYGt" cx="0" cy="0" r="1" gradientTransform="matrix(.96875 0 0 1.81341 21.484 11.61)" gradientUnits="userSpaceOnUse"><stop stop-color="#846763"/><stop offset="1" stop-color="#846763" stop-opacity="0"/></radialGradient><radialGradient id="iowKzLb" cx="0" cy="0" r="1" gradientTransform="matrix(-.63281 .375 -.31612 -.53345 24.716 5.313)" gradientUnits="userSpaceOnUse"><stop stop-color="#C8A28A"/><stop offset="1" stop-color="#C8A28A" stop-opacity="0"/></radialGradient><radialGradient id="iNLFWLb" cx="0" cy="0" r="1" gradientTransform="matrix(1.11163 0 0 1.77217 21.654 5.602)" gradientUnits="userSpaceOnUse"><stop stop-color="#846763"/><stop offset="1" stop-color="#846763" stop-opacity="0"/></radialGradient><radialGradient id="igTFzmb" cx="0" cy="0" r="1" gradientTransform="matrix(-.63281 .375 -.31612 -.53345 24.716 9.39)" gradientUnits="userSpaceOnUse"><stop stop-color="#C8A28A"/><stop offset="1" stop-color="#C8A28A" stop-opacity="0"/></radialGradient><radialGradient id="iGY8R8c" cx="0" cy="0" r="1" gradientTransform="matrix(1.12726 0 0 1.79708 21.654 9.68)" gradientUnits="userSpaceOnUse"><stop stop-color="#846763"/><stop offset="1" stop-color="#846763" stop-opacity="0"/></radialGradient><radialGradient id="iPUGXQE" cx="0" cy="0" r="1" gradientTransform="matrix(-.66202 .375 -.3091 -.54569 24.694 7.406)" gradientUnits="userSpaceOnUse"><stop stop-color="#C8A28A"/><stop offset="1" stop-color="#C8A28A" stop-opacity="0"/></radialGradient><radialGradient id="imTKXib" cx="0" cy="0" r="1" gradientTransform="matrix(1.20313 0 0 1.83341 21.36 7.695)" gradientUnits="userSpaceOnUse"><stop stop-color="#846763"/><stop offset="1" stop-color="#846763" stop-opacity="0"/></radialGradient><linearGradient id="iakIfNS" x1="21.513" x2="24.074" y1="5.178" y2="2.469" gradientUnits="userSpaceOnUse"><stop stop-color="#3C4071"/><stop offset="1" stop-color="#5C618E"/></linearGradient><linearGradient id="iO5HDec" x1="20.361" x2="20.361" y1="12.192" y2="11.411" gradientUnits="userSpaceOnUse"><stop stop-color="#1B1F50"/><stop offset="1" stop-color="#1B1F50" stop-opacity="0"/></linearGradient><linearGradient id="ixQBRcc" x1="23.17" x2="22.466" y1="7.255" y2="7.255" gradientUnits="userSpaceOnUse"><stop stop-color="#68EAFF"/><stop offset="1" stop-color="#68EAFF" stop-opacity="0"/></linearGradient><linearGradient id="iN8goLd" x1="16.906" x2="17.334" y1="6.977" y2="6.977" gradientUnits="userSpaceOnUse"><stop stop-color="#4887B6"/><stop offset="1" stop-color="#4887B6" stop-opacity="0"/></linearGradient><linearGradient id="iMIF8Ub" x1="21.942" x2="21.942" y1="10.563" y2="5.65" gradientUnits="userSpaceOnUse"><stop stop-color="#2967A0"/><stop offset="1" stop-color="#3985C0"/></linearGradient><linearGradient id="ikRx4sb" x1="11.076" x2="11.076" y1="30.773" y2="27.148" gradientUnits="userSpaceOnUse"><stop stop-color="#BA2083"/><stop offset="1" stop-color="#BA2083" stop-opacity="0"/></linearGradient><linearGradient id="i1XJBjb" x1="23.086" x2="23.086" y1="10.563" y2="12.656" gradientUnits="userSpaceOnUse"><stop stop-color="#B08C70"/><stop offset="1" stop-color="#94625A"/></linearGradient><linearGradient id="isycvIQ" x1="23.086" x2="23.086" y1="10.563" y2="11.352" gradientUnits="userSpaceOnUse"><stop stop-color="#81553F"/><stop offset="1" stop-color="#81553F" stop-opacity="0"/></linearGradient><linearGradient id="iVxrxmc" x1="23.431" x2="23.431" y1="4.555" y2="6.648" gradientUnits="userSpaceOnUse"><stop stop-color="#B08C70"/><stop offset="1" stop-color="#94625A"/></linearGradient><linearGradient id="inpmxLe" x1="23.431" x2="23.431" y1="8.633" y2="10.727" gradientUnits="userSpaceOnUse"><stop stop-color="#B08C70"/><stop offset="1" stop-color="#94625A"/></linearGradient><linearGradient id="ivWCIKd" x1="23.431" x2="23.431" y1="8.633" y2="9.023" gradientUnits="userSpaceOnUse"><stop stop-color="#81553F"/><stop offset="1" stop-color="#81553F" stop-opacity="0"/></linearGradient><linearGradient id="i6rxfqd" x1="23.349" x2="23.349" y1="6.648" y2="8.742" gradientUnits="userSpaceOnUse"><stop stop-color="#B08C70"/><stop offset="1" stop-color="#94625A"/></linearGradient><linearGradient id="iLVK5Ub" x1="23.349" x2="23.349" y1="6.648" y2="6.953" gradientUnits="userSpaceOnUse"><stop stop-color="#81553F"/><stop offset="1" stop-color="#81553F" stop-opacity="0"/></linearGradient><filter id="icUNeYk" width="3.914" height="6.625" x="20.699" y="4.438" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_5834" stdDeviation=".25"/></filter><filter id="i30DGYd" width="22.048" height="15.844" x="1.998" y="15.023" 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.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.713726 0 0 0 0 0.121569 0 0 0 0 0.254902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_5834"/></filter></defs></g></svg>

Selfie Medium アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:selfie-medium"></iconify-icon>

HTML 画像

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

Fluent Emoji の関連アイコン

他のアイコンセットの Selfie Medium アイコン

Selfie Medium アイコンのよくある質問

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

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

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

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

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

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

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