Selfie Medium Light

By Microsoft Corporation in Fluent Emoji

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 32 32">
  <g fill="none">
    <rect width="6.844" height="9.938" x="16.939" y="1.992" fill="url(#f2185idh)" rx=".9"/>
    <rect width="6.844" height="9.938" x="16.939" y="1.992" fill="url(#f2185idi)" rx=".9"/>
    <path fill="url(#f2185id0)" d="M16.94 10.96V2.993h6.01v7.969h-6.01Z"/>
    <path fill="url(#f2185idj)" d="M16.94 10.96V2.993h6.01v7.969h-6.01Z"/>
    <path fill="url(#f2185idk)" d="M16.94 10.96V2.993h6.01v7.969h-6.01Z"/>
    <path fill="url(#f2185id1)" d="M16.94 10.96V2.993h6.01v7.969h-6.01Z"/>
    <g filter="url(#f2185idu)">
      <path fill="url(#f2185idl)" 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-.953Z"/>
    </g>
    <path fill="#DCAB91" d="M16.62 7.258a1.319 1.319 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.751.751 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.053a1.64 1.64 0 0 0-.392.047a3.8 3.8 0 0 1-.147.028a.912.912 0 0 1-.15.013H17.88a.902.902 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316c0-.727-.591-1.316-1.321-1.316H16.62Z"/>
    <path fill="url(#f2185id2)" d="M16.62 7.258a1.319 1.319 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.751.751 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.053a1.64 1.64 0 0 0-.392.047a3.8 3.8 0 0 1-.147.028a.912.912 0 0 1-.15.013H17.88a.902.902 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316c0-.727-.591-1.316-1.321-1.316H16.62Z"/>
    <path fill="url(#f2185id3)" d="M16.62 7.258a1.319 1.319 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.751.751 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.053a1.64 1.64 0 0 0-.392.047a3.8 3.8 0 0 1-.147.028a.912.912 0 0 1-.15.013H17.88a.902.902 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316c0-.727-.591-1.316-1.321-1.316H16.62Z"/>
    <path fill="url(#f2185id4)" d="M16.62 7.258a1.319 1.319 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.751.751 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.053a1.64 1.64 0 0 0-.392.047a3.8 3.8 0 0 1-.147.028a.912.912 0 0 1-.15.013H17.88a.902.902 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316c0-.727-.591-1.316-1.321-1.316H16.62Z"/>
    <path fill="url(#f2185id5)" d="M16.62 7.258a1.319 1.319 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.751.751 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.053a1.64 1.64 0 0 0-.392.047a3.8 3.8 0 0 1-.147.028a.912.912 0 0 1-.15.013H17.88a.902.902 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316c0-.727-.591-1.316-1.321-1.316H16.62Z"/>
    <path fill="url(#f2185id6)" d="M16.62 7.258a1.319 1.319 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.751.751 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.053a1.64 1.64 0 0 0-.392.047a3.8 3.8 0 0 1-.147.028a.912.912 0 0 1-.15.013H17.88a.902.902 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316c0-.727-.591-1.316-1.321-1.316H16.62Z"/>
    <g filter="url(#f2185idv)">
      <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.298h-5.267Z"/>
      <path fill="url(#f2185id7)" 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.298h-5.267Z"/>
      <path fill="url(#f2185idm)" 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.298h-5.267Z"/>
    </g>
    <path fill="url(#f2185id8)" 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.298h-5.267Z"/>
    <rect width="3.027" height="2.094" x="21.572" y="10.563" fill="url(#f2185idn)" rx="1.047"/>
    <rect width="3.027" height="2.094" x="21.572" y="10.563" fill="url(#f2185id9)" rx="1.047"/>
    <rect width="3.027" height="2.094" x="21.572" y="10.563" fill="url(#f2185ida)" rx="1.047"/>
    <rect width="3.027" height="2.094" x="21.572" y="10.563" fill="url(#f2185ido)" rx="1.047"/>
    <rect width="3.555" height="2.094" x="21.654" y="4.555" fill="url(#f2185idp)" rx="1.047"/>
    <rect width="3.555" height="2.094" x="21.654" y="4.555" fill="url(#f2185idb)" rx="1.047"/>
    <rect width="3.555" height="2.094" x="21.654" y="4.555" fill="url(#f2185idc)" rx="1.047"/>
    <rect width="3.555" height="2.094" x="21.654" y="8.633" fill="url(#f2185idq)" rx="1.047"/>
    <rect width="3.555" height="2.094" x="21.654" y="8.633" fill="url(#f2185idd)" rx="1.047"/>
    <rect width="3.555" height="2.094" x="21.654" y="8.633" fill="url(#f2185ide)" rx="1.047"/>
    <rect width="3.555" height="2.094" x="21.654" y="8.633" fill="url(#f2185idr)" rx="1.047"/>
    <rect width="3.719" height="2.094" x="21.49" y="6.648" fill="url(#f2185ids)" rx="1.047"/>
    <rect width="3.719" height="2.094" x="21.49" y="6.648" fill="url(#f2185idf)" rx="1.047"/>
    <rect width="3.719" height="2.094" x="21.49" y="6.648" fill="url(#f2185idg)" rx="1.047"/>
    <rect width="3.719" height="2.094" x="21.49" y="6.648" fill="url(#f2185idt)" rx="1.047"/>
    <defs>
      <radialGradient id="f2185id0" 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="f2185id1" 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="f2185id2" cx="0" cy="0" r="1" gradientTransform="matrix(-3.28125 .97656 -1.0161 -3.41411 23.5 11.93)" gradientUnits="userSpaceOnUse">
        <stop offset=".168" stop-color="#CA8577"/>
        <stop offset="1" stop-color="#CA8577" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="f2185id3" cx="0" cy="0" r="1" gradientTransform="matrix(3.0968 -.55469 3.18173 17.7635 15.299 11.898)" gradientUnits="userSpaceOnUse">
        <stop stop-color="#CA8577"/>
        <stop offset="1" stop-color="#CA8577" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="f2185id4" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.71723 3.30237 0 18.362 10.125)" gradientUnits="userSpaceOnUse">
        <stop stop-color="#CA8577"/>
        <stop offset="1" stop-color="#CA8577" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="f2185id5" cx="0" cy="0" r="1" gradientTransform="matrix(-.80716 .88786 -.96855 -.8805 17.79 11.092)" gradientUnits="userSpaceOnUse">
        <stop stop-color="#D9AB93"/>
        <stop offset="1" stop-color="#D9AB93" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="f2185id6" cx="0" cy="0" r="1" gradientTransform="matrix(-.62745 .62745 -.71264 -.71264 18.89 8.31)" gradientUnits="userSpaceOnUse">
        <stop stop-color="#F0C6A6"/>
        <stop offset="1" stop-color="#F0C6A6" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="f2185id7" 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="f2185id8" 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="f2185id9" cx="0" cy="0" r="1" gradientTransform="matrix(-.53893 .375 -.33792 -.48564 24.18 11.32)" gradientUnits="userSpaceOnUse">
        <stop stop-color="#F2C6A6"/>
        <stop offset="1" stop-color="#F2C6A6" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="f2185ida" cx="0" cy="0" r="1" gradientTransform="matrix(.94672 0 0 1.77217 21.572 11.61)" gradientUnits="userSpaceOnUse">
        <stop stop-color="#C9987D"/>
        <stop offset="1" stop-color="#C9987D" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="f2185idb" cx="0" cy="0" r="1" gradientTransform="matrix(-.63281 .375 -.31612 -.53345 24.716 5.313)" gradientUnits="userSpaceOnUse">
        <stop stop-color="#F2C6A6"/>
        <stop offset="1" stop-color="#F2C6A6" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="f2185idc" cx="0" cy="0" r="1" gradientTransform="matrix(1.11163 0 0 1.77217 21.654 5.602)" gradientUnits="userSpaceOnUse">
        <stop stop-color="#C9987D"/>
        <stop offset="1" stop-color="#C9987D" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="f2185idd" cx="0" cy="0" r="1" gradientTransform="matrix(-.63281 .375 -.31612 -.53345 24.716 9.39)" gradientUnits="userSpaceOnUse">
        <stop stop-color="#F2C6A6"/>
        <stop offset="1" stop-color="#F2C6A6" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="f2185ide" cx="0" cy="0" r="1" gradientTransform="matrix(1.11163 0 0 1.77217 21.654 9.68)" gradientUnits="userSpaceOnUse">
        <stop stop-color="#C9987D"/>
        <stop offset="1" stop-color="#C9987D" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="f2185idf" cx="0" cy="0" r="1" gradientTransform="matrix(-.66202 .375 -.3091 -.54569 24.694 7.406)" gradientUnits="userSpaceOnUse">
        <stop stop-color="#F2C6A6"/>
        <stop offset="1" stop-color="#F2C6A6" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="f2185idg" cx="0" cy="0" r="1" gradientTransform="matrix(1.16294 0 0 1.77217 21.49 7.695)" gradientUnits="userSpaceOnUse">
        <stop stop-color="#C9987D"/>
        <stop offset="1" stop-color="#C9987D" stop-opacity="0"/>
      </radialGradient>
      <linearGradient id="f2185idh" 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="f2185idi" 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="f2185idj" 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="f2185idk" 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="f2185idl" 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="f2185idm" 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="f2185idn" x1="23.086" x2="23.086" y1="10.563" y2="12.656" gradientUnits="userSpaceOnUse">
        <stop stop-color="#E0B28F"/>
        <stop offset="1" stop-color="#D49877"/>
      </linearGradient>
      <linearGradient id="f2185ido" x1="23.086" x2="23.086" y1="10.391" y2="11.609" gradientUnits="userSpaceOnUse">
        <stop stop-color="#C68962"/>
        <stop offset="1" stop-color="#C68962" stop-opacity="0"/>
      </linearGradient>
      <linearGradient id="f2185idp" x1="23.431" x2="23.431" y1="4.555" y2="6.648" gradientUnits="userSpaceOnUse">
        <stop stop-color="#E0B28F"/>
        <stop offset="1" stop-color="#D49877"/>
      </linearGradient>
      <linearGradient id="f2185idq" x1="23.431" x2="23.431" y1="8.633" y2="10.727" gradientUnits="userSpaceOnUse">
        <stop stop-color="#E0B28F"/>
        <stop offset="1" stop-color="#D49877"/>
      </linearGradient>
      <linearGradient id="f2185idr" x1="23.431" x2="23.431" y1="8.461" y2="9.422" gradientUnits="userSpaceOnUse">
        <stop stop-color="#C68962"/>
        <stop offset="1" stop-color="#C68962" stop-opacity="0"/>
      </linearGradient>
      <linearGradient id="f2185ids" x1="23.349" x2="23.349" y1="6.648" y2="8.742" gradientUnits="userSpaceOnUse">
        <stop stop-color="#E0B28F"/>
        <stop offset="1" stop-color="#D49877"/>
      </linearGradient>
      <linearGradient id="f2185idt" x1="23.349" x2="23.349" y1="6.477" y2="7.188" gradientUnits="userSpaceOnUse">
        <stop stop-color="#C68962"/>
        <stop offset="1" stop-color="#C68962" stop-opacity="0"/>
      </linearGradient>
      <filter id="f2185idu" 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_5845" stdDeviation=".25"/>
      </filter>
      <filter id="f2185idv" 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_5845"/>
      </filter>
    </defs>
  </g>
</svg>


Selfie Medium Light Icons examples

See what this icon looks like in some mockup designs
Selfie Medium LightHome

Related icons in Fluent Emoji

copy save
1st-place-medal
copy save
2nd-place-medal
copy save
3rd-place-medal
copy save
admission-tickets
copy save
american-football
copy save
artist-palette
copy save
badminton
copy save
balloon
copy save
baseball
copy save
basketball
copy save
bowling
copy save
boxing-glove
copy save
bullseye
copy save
carp-streamer
copy save
chess-pawn
copy save
christmas-tree
copy save
club-suit
copy save
confetti-ball
copy save
cricket-game
copy save
crystal-ball