Thumbs Up Light アイコン
fluent-emoji:thumbs-up-light
Thumbs Up Light アイコン(fluent-emoji:thumbs-up-light)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- thumbsup、uplight、thumbsuplight、thumb
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#ij4XeDd)"><path fill="url(#i3s9oab)" d="M12.622 5.384a3.289 3.289 0 1 1 6.577 0v3.784q.002.484-.072.967c-.018.117-.037.235-.048.352c-.036.37.008.854.26 1.179l-.602.58a9.34 9.34 0 0 1 5.082 8.326c0 .985-.152 1.935-.433 2.826l-.996 6.507h-8.102v-.003c-5.003-.108-9.017-3.37-9.017-9.33c0-3.503 1.677-6.323 4.215-7.913l-.007-.005c.173-.12.377-.242.596-.373l.001-.001c.72-.431 1.6-.959 2.063-1.821c.403-.748.481-1.961.481-2.523h.002z"/></g><path fill="url(#isoOANe)" d="M12.622 5.384a3.289 3.289 0 1 1 6.577 0v3.784q.002.484-.072.967c-.018.117-.037.235-.048.352c-.036.37.008.854.26 1.179l-.602.58a9.34 9.34 0 0 1 5.082 8.326c0 .985-.152 1.935-.433 2.826l-.996 6.507h-8.102v-.003c-5.003-.108-9.017-3.37-9.017-9.33c0-3.503 1.677-6.323 4.215-7.913l-.007-.005c.173-.12.377-.242.596-.373l.001-.001c.72-.431 1.6-.959 2.063-1.821c.403-.748.481-1.961.481-2.523h.002z"/><path fill="url(#iF2j7Rc)" d="M12.622 5.384a3.289 3.289 0 1 1 6.577 0v3.784q.002.484-.072.967c-.018.117-.037.235-.048.352c-.036.37.008.854.26 1.179l-.602.58a9.34 9.34 0 0 1 5.082 8.326c0 .985-.152 1.935-.433 2.826l-.996 6.507h-8.102v-.003c-5.003-.108-9.017-3.37-9.017-9.33c0-3.503 1.677-6.323 4.215-7.913l-.007-.005c.173-.12.377-.242.596-.373l.001-.001c.72-.431 1.6-.959 2.063-1.821c.403-.748.481-1.961.481-2.523h.002z"/><path fill="url(#iStjpae)" d="M12.622 5.384a3.289 3.289 0 1 1 6.577 0v3.784q.002.484-.072.967c-.018.117-.037.235-.048.352c-.036.37.008.854.26 1.179l-.602.58a9.34 9.34 0 0 1 5.082 8.326c0 .985-.152 1.935-.433 2.826l-.996 6.507h-8.102v-.003c-5.003-.108-9.017-3.37-9.017-9.33c0-3.503 1.677-6.323 4.215-7.913l-.007-.005c.173-.12.377-.242.596-.373l.001-.001c.72-.431 1.6-.959 2.063-1.821c.403-.748.481-1.961.481-2.523h.002z"/><path fill="url(#iFKsxic)" d="M12.622 5.384a3.289 3.289 0 1 1 6.577 0v3.784q.002.484-.072.967c-.018.117-.037.235-.048.352c-.036.37.008.854.26 1.179l-.602.58a9.34 9.34 0 0 1 5.082 8.326c0 .985-.152 1.935-.433 2.826l-.996 6.507h-8.102v-.003c-5.003-.108-9.017-3.37-9.017-9.33c0-3.503 1.677-6.323 4.215-7.913l-.007-.005c.173-.12.377-.242.596-.373l.001-.001c.72-.431 1.6-.959 2.063-1.821c.403-.748.481-1.961.481-2.523h.002z"/><path fill="url(#iqo1Y5d)" d="M12.622 5.384a3.289 3.289 0 1 1 6.577 0v3.784q.002.484-.072.967c-.018.117-.037.235-.048.352c-.036.37.008.854.26 1.179l-.602.58a9.34 9.34 0 0 1 5.082 8.326c0 .985-.152 1.935-.433 2.826l-.996 6.507h-8.102v-.003c-5.003-.108-9.017-3.37-9.017-9.33c0-3.503 1.677-6.323 4.215-7.913l-.007-.005c.173-.12.377-.242.596-.373l.001-.001c.72-.431 1.6-.959 2.063-1.821c.403-.748.481-1.961.481-2.523h.002z"/><path fill="url(#iMyzEOR)" d="M12.622 5.384a3.289 3.289 0 1 1 6.577 0v3.784q.002.484-.072.967c-.018.117-.037.235-.048.352c-.036.37.008.854.26 1.179l-.602.58a9.34 9.34 0 0 1 5.082 8.326c0 .985-.152 1.935-.433 2.826l-.996 6.507h-8.102v-.003c-5.003-.108-9.017-3.37-9.017-9.33c0-3.503 1.677-6.323 4.215-7.913l-.007-.005c.173-.12.377-.242.596-.373l.001-.001c.72-.431 1.6-.959 2.063-1.821c.403-.748.481-1.961.481-2.523h.002z"/><path fill="url(#i7Rkbob)" d="M12.622 5.384a3.289 3.289 0 1 1 6.577 0v3.784q.002.484-.072.967c-.018.117-.037.235-.048.352c-.036.37.008.854.26 1.179l-.602.58a9.34 9.34 0 0 1 5.082 8.326c0 .985-.152 1.935-.433 2.826l-.996 6.507h-8.102v-.003c-5.003-.108-9.017-3.37-9.017-9.33c0-3.503 1.677-6.323 4.215-7.913l-.007-.005c.173-.12.377-.242.596-.373l.001-.001c.72-.431 1.6-.959 2.063-1.821c.403-.748.481-1.961.481-2.523h.002z"/><g filter="url(#i66M1QF)"><path fill="url(#idBZCnb)" d="M24.033 14.935a2.55 2.55 0 0 0-2.552-2.552h-2.826a2.552 2.552 0 0 0-1.638 4.508a2.557 2.557 0 0 0-.115 3.993A2.55 2.55 0 0 0 16 22.83v.126c0 .7.281 1.333.737 1.794a2.483 2.483 0 0 0 1.746 4.248h2.804a2.483 2.483 0 0 0 2.148-3.729a2.55 2.55 0 0 0 1.474-2.313v-.126c0-.79-.36-1.495-.922-1.963a2.56 2.56 0 0 0-.587-4.249c.394-.45.633-1.039.633-1.684"/></g><g filter="url(#i9P9RDc)"><rect width="5.82" height="9.043" x="26.311" y="10.956" fill="url(#i1YUgGG)" rx="2.91" transform="rotate(90 26.311 10.956)"/><rect width="5.82" height="9.043" x="26.311" y="10.956" fill="url(#ijr71Fb)" rx="2.91" transform="rotate(90 26.311 10.956)"/><rect width="5.82" height="9.043" x="26.311" y="10.956" fill="url(#iLcvfxd)" rx="2.91" transform="rotate(90 26.311 10.956)"/></g><g filter="url(#io2UDRd)"><rect width="6.136" height="2.516" x="19.21" y="12.383" fill="url(#iIMkmic)" rx="1.258"/></g><g filter="url(#i7uYIqc)"><rect width="5.664" height="8.861" x="26.011" y="24.241" fill="url(#i5Ufmlg)" rx="2.832" transform="rotate(90 26.01 24.241)"/><rect width="5.664" height="8.861" x="26.011" y="24.241" fill="url(#iDvhGFd)" rx="2.832" transform="rotate(90 26.01 24.241)"/><rect width="5.664" height="8.861" x="26.011" y="24.241" fill="url(#ioMklND)" rx="2.832" transform="rotate(90 26.01 24.241)"/></g><g filter="url(#inCrZ2d)"><rect width="5.37" height="1.476" x="19.976" y="25.924" fill="url(#iHlGXKe)" rx=".738"/></g><g filter="url(#imRtQRc)"><rect width="5.964" height="10.159" x="27.309" y="19.961" fill="url(#i9BORjc)" rx="2.91" transform="rotate(90 27.31 19.96)"/><rect width="5.964" height="10.159" x="27.309" y="19.961" fill="url(#ik55lCb)" rx="2.91" transform="rotate(90 27.31 19.96)"/><rect width="5.964" height="10.159" x="27.309" y="19.961" fill="url(#iAxd6Ob)" rx="2.91" transform="rotate(90 27.31 19.96)"/></g><g filter="url(#iKNlTve)"><rect width="6.725" height="1.476" x="19.586" y="22.054" fill="url(#i85ab0b)" rx=".738"/></g><g filter="url(#i0jc0Ub)"><rect width="5.833" height="10.114" x="27.264" y="15.511" fill="url(#i4aWk7i)" rx="2.91" transform="rotate(90 27.264 15.51)"/><rect width="5.833" height="10.114" x="27.264" y="15.511" fill="url(#i8qrjie)" rx="2.91" transform="rotate(90 27.264 15.51)"/></g><g filter="url(#iTaytwI)"><rect width="7.172" height="2.516" x="19.139" y="16.735" fill="url(#i5aGGNb)" rx="1.258"/></g><path fill="url(#ijaJcAd)" d="M15.922 2.095a3.29 3.29 0 0 0-3.289 3.289v2.552h-.002c0 .562-.078 1.775-.48 2.523c-.464.862-1.344 1.39-2.063 1.82c-.22.132-.424.255-.597.375c.995.797 3.032 2.39 3.082 2.352s2.344-1.255 3.484-1.86l-.048-.69a3.29 3.29 0 0 0 3.201-3.288V5.384a3.29 3.29 0 0 0-3.288-3.289"/><g filter="url(#ia2Hdjc)"><rect width="2.37" height="7.997" x="16" y="3.338" fill="url(#iZSS9nc)" rx="1.185"/></g><defs><radialGradient id="isoOANe" cx="0" cy="0" r="1" gradientTransform="rotate(138.814 8.593 5.237)scale(3.70607 2.89161)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE6C7"/><stop offset="1" stop-color="#FFE6C7" stop-opacity="0"/></radialGradient><radialGradient id="iF2j7Rc" cx="0" cy="0" r="1" gradientTransform="rotate(133.564 1.942 10.305)scale(7.41221 5.36952)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2C0A5"/><stop offset="1" stop-color="#F2C0A5" stop-opacity="0"/></radialGradient><radialGradient id="iStjpae" cx="0" cy="0" r="1" gradientTransform="matrix(-7.66242 7.45294 -4.59455 -4.72369 20.294 16.89)" gradientUnits="userSpaceOnUse"><stop stop-color="#DDA895"/><stop offset="1" stop-color="#DDA895" stop-opacity="0"/></radialGradient><radialGradient id="iFKsxic" cx="0" cy="0" r="1" gradientTransform="rotate(-62.612 33.391 8.059)scale(14.7421 26.2114)" gradientUnits="userSpaceOnUse"><stop stop-color="#C08494"/><stop offset="1" stop-color="#C08494" stop-opacity="0"/></radialGradient><radialGradient id="iqo1Y5d" cx="0" cy="0" r="1" gradientTransform="matrix(-15.534 0 0 -23.9075 20.588 20.869)" gradientUnits="userSpaceOnUse"><stop offset=".864" stop-color="#EDB29B" stop-opacity="0"/><stop offset="1" stop-color="#EDB29B"/></radialGradient><radialGradient id="iMyzEOR" cx="0" cy="0" r="1" gradientTransform="matrix(1.21582 .98104 -1.29196 1.60114 18.72 11.382)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDBBA"/><stop offset="1" stop-color="#F7C49C" stop-opacity="0"/><stop offset="1" stop-color="#FFDBBA" stop-opacity="0"/></radialGradient><radialGradient id="ijr71Fb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.62598 2.65767 0 30.97 19.177)" gradientUnits="userSpaceOnUse"><stop stop-color="#DFA995"/><stop offset="1" stop-color="#DFA995" stop-opacity="0"/></radialGradient><radialGradient id="iLcvfxd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.40872 1.84473 -1.2348 -.94296 31.8 18.529)" gradientUnits="userSpaceOnUse"><stop stop-color="#CA8C6F"/><stop offset="1" stop-color="#CA8C6F" stop-opacity="0"/></radialGradient><radialGradient id="iDvhGFd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -8.20767 1.55607 0 31.674 30.55)" gradientUnits="userSpaceOnUse"><stop stop-color="#BF8196"/><stop offset="1" stop-color="#BF8196" stop-opacity="0"/></radialGradient><radialGradient id="ioMklND" cx="0" cy="0" r="1" gradientTransform="matrix(0 -6.72969 1.51308 0 27.005 30.97)" gradientUnits="userSpaceOnUse"><stop stop-color="#B57767"/><stop offset="1" stop-color="#B57767" stop-opacity="0"/></radialGradient><radialGradient id="ik55lCb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -9.21683 3.27876 0 33.273 28.062)" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#CA8E96"/><stop offset="1" stop-color="#CA8E96" stop-opacity="0"/></radialGradient><radialGradient id="iAxd6Ob" cx="0" cy="0" r="1" gradientTransform="matrix(0 -4.75329 1.92955 0 27.83 27.241)" gradientUnits="userSpaceOnUse"><stop stop-color="#BB7E6C"/><stop offset="1" stop-color="#BB7E6C" stop-opacity="0"/></radialGradient><radialGradient id="i8qrjie" cx="0" cy="0" r="1" gradientTransform="matrix(0 -8.09375 3.75685 0 33.097 23.056)" gradientUnits="userSpaceOnUse"><stop stop-color="#D39797"/><stop offset="1" stop-color="#D39797" stop-opacity="0"/></radialGradient><radialGradient id="ijaJcAd" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.32895 -2.49784 0 12.706 6.167)" gradientUnits="userSpaceOnUse"><stop stop-color="#E0A892"/><stop offset="1" stop-color="#E0A892" stop-opacity="0"/></radialGradient><linearGradient id="i3s9oab" x1="20.081" x2="8.725" y1="12.059" y2="33.73" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDDBE"/><stop offset="1" stop-color="#E7AFA8"/></linearGradient><linearGradient id="i7Rkbob" x1="14.545" x2="14.545" y1="31.125" y2="27.688" gradientUnits="userSpaceOnUse"><stop stop-color="#B57895"/><stop offset="1" stop-color="#B57895" stop-opacity="0"/></linearGradient><linearGradient id="idBZCnb" x1="19.753" x2="19.753" y1="14.231" y2="29.599" gradientUnits="userSpaceOnUse"><stop stop-color="#B5755F"/><stop offset="1" stop-color="#B3748D"/></linearGradient><linearGradient id="i1YUgGG" x1="29.221" x2="29.221" y1="10.956" y2="19.101" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD8BA"/><stop offset="1" stop-color="#ECB9A3"/></linearGradient><linearGradient id="iIMkmic" x1="25.027" x2="18.413" y1="13.072" y2="13.072" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE7CA"/><stop offset="1" stop-color="#FFE7CA" stop-opacity="0"/></linearGradient><linearGradient id="i5Ufmlg" x1="28.843" x2="28.843" y1="25.017" y2="33.102" gradientUnits="userSpaceOnUse"><stop stop-color="#FECEB7"/><stop offset="1" stop-color="#DAA59E"/></linearGradient><linearGradient id="iHlGXKe" x1="25.067" x2="19.278" y1="26.329" y2="26.329" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD2C1"/><stop offset="1" stop-color="#FFD2C1" stop-opacity="0"/></linearGradient><linearGradient id="i9BORjc" x1="30.291" x2="30.291" y1="20.851" y2="30.12" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDDC1"/><stop offset="1" stop-color="#E5B1A3"/></linearGradient><linearGradient id="i85ab0b" x1="25.962" x2="18.713" y1="22.459" y2="22.459" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE2C9"/><stop offset="1" stop-color="#FFE2C9" stop-opacity="0"/></linearGradient><linearGradient id="i4aWk7i" x1="30.18" x2="30.18" y1="15.511" y2="25.624" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDFBF"/><stop offset="1" stop-color="#E2AE9C"/></linearGradient><linearGradient id="i5aGGNb" x1="25.939" x2="18.208" y1="17.425" y2="17.425" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE8CA"/><stop offset="1" stop-color="#FFE8CA" stop-opacity="0"/></linearGradient><linearGradient id="iZSS9nc" x1="18.247" x2="15.692" y1="5.531" y2="5.531" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE7CA"/><stop offset="1" stop-color="#FFE7CA" stop-opacity="0"/></linearGradient><filter id="ij4XeDd" width="19.048" height="27.809" x="5.271" y="2.095" 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.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.87451 0 0 0 0 0.67451 0 0 0 0 0.568627 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_2983"/></filter><filter id="i66M1QF" width="12.909" height="20.615" x="14" y="10.383" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_2983" stdDeviation="1"/></filter><filter id="i9P9RDc" width="9.543" height="5.82" x="17.268" y="10.956" 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=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.898039 0 0 0 0 0.690196 0 0 0 0 0.568627 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_2983"/></filter><filter id="io2UDRd" width="8.636" height="5.016" x="17.96" y="11.133" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_2983" stdDeviation=".625"/></filter><filter id="i7uYIqc" width="9.361" height="6.164" x="17.15" y="24.241" 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" dy=".5"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.811765 0 0 0 0 0.568627 0 0 0 0 0.541176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_2983"/></filter><filter id="inCrZ2d" width="7.87" height="3.976" x="18.726" y="24.674" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_2983" stdDeviation=".625"/></filter><filter id="imRtQRc" width="11.159" height="6.464" x="17.15" y="19.961" 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=".5"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.831373 0 0 0 0 0.576471 0 0 0 0 0.505882 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_2983"/></filter><filter id="iKNlTve" width="9.225" height="3.976" x="18.336" y="20.804" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_2983" stdDeviation=".625"/></filter><filter id="i0jc0Ub" width="10.614" height="6.333" x="17.15" y="15.511" 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" dy=".5"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.862745 0 0 0 0 0.658824 0 0 0 0 0.54902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_2983"/></filter><filter id="iTaytwI" width="9.672" height="5.016" x="17.889" y="15.485" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_2983" stdDeviation=".625"/></filter><filter id="ia2Hdjc" width="4.87" height="10.497" x="14.75" y="2.088" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_2983" stdDeviation=".625"/></filter></defs></g></svg>Thumbs Up Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:thumbs-up-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:thumbs-up-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:thumbs-up-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--thumbs-up-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:thumbs-up-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:thumbs-up-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/thumbs-up-light.svg" alt="Thumbs Up Light アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Thumbs Up Light アイコン
Thumbs Up Light アイコン のよくある質問
Thumbs Up Light アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Thumbs Up Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:thumbs-up-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Thumbs Up Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/thumbs-up-light.svg" alt="Thumbs Up Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。