Penguin アイコン
fluent-emoji:penguin
Penguin アイコン(fluent-emoji:penguin)は、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"><path fill="url(#iwycgOd)" d="M7.584 23.075c-1.34.722-2.542 1.073-3.099.516c-1.651-1.65 2.542-7.477 3.912-9.048l.12-.564h.004l-.984 5.047c-.165.793-.3 2.445.047 4.049"/><path fill="url(#i8681Rh)" d="M7.584 23.075c-1.34.722-2.542 1.073-3.099.516c-1.651-1.65 2.542-7.477 3.912-9.048l.12-.564h.004l-.984 5.047c-.165.793-.3 2.445.047 4.049"/><path fill="url(#iWxFlQc)" d="M7.584 23.075c-1.34.722-2.542 1.073-3.099.516c-1.651-1.65 2.542-7.477 3.912-9.048l.12-.564h.004l-.984 5.047c-.165.793-.3 2.445.047 4.049"/><path fill="url(#iWZcHrB)" d="M24.342 23.075c1.341.722 2.543 1.073 3.1.516c1.65-1.65-2.6-7.477-3.971-9.048c.07.394.774 3.74.919 4.483c.164.793.3 2.445-.048 4.049"/><path fill="url(#iiRdRto)" d="M24.342 23.075c1.341.722 2.543 1.073 3.1.516c1.65-1.65-2.6-7.477-3.971-9.048c.07.394.774 3.74.919 4.483c.164.793.3 2.445-.048 4.049"/><g filter="url(#i3OXTTi)"><path fill="url(#iMEN6ic)" fill-opacity=".75" d="M27.425 22.142c-1.088-2.856-3.33-5.85-4.185-6.897l-.531 3.313c.845.496 2.955 2.395 4.277 3.828c.186.202.536.013.438-.244"/></g><path fill="url(#iBL3wzc)" d="M16.067 6.132c3.46 0 6.702 3.17 6.99 6.306c.028.298.176.99.37 1.878l.986 4.71c.165.793.301 2.448-.048 4.053a8.8 8.8 0 0 1-1.253 2.825l-.264 3.068s-5.133.922-6.995.895c-1.784-.025-6.72-.895-6.72-.895l-.311-3.068a8.9 8.9 0 0 1-1.236-2.83h-.002c-.348-1.603-.212-3.256-.047-4.048l.984-5.046l-.004-.001l.076-.36c.119-.557.208-.977.243-1.181c.553-3.207 3.363-6.306 7.23-6.306"/><path fill="url(#iPfwUee)" d="M16.067 6.132c3.46 0 6.702 3.17 6.99 6.306c.028.298.176.99.37 1.878l.986 4.71c.165.793.301 2.448-.048 4.053a8.8 8.8 0 0 1-1.253 2.825l-.264 3.068s-5.133.922-6.995.895c-1.784-.025-6.72-.895-6.72-.895l-.311-3.068a8.9 8.9 0 0 1-1.236-2.83h-.002c-.348-1.603-.212-3.256-.047-4.048l.984-5.046l-.004-.001l.076-.36c.119-.557.208-.977.243-1.181c.553-3.207 3.363-6.306 7.23-6.306"/><path fill="url(#iWTUmPb)" d="M16.067 6.132c3.46 0 6.702 3.17 6.99 6.306c.028.298.176.99.37 1.878l.986 4.71c.165.793.301 2.448-.048 4.053a8.8 8.8 0 0 1-1.253 2.825l-.264 3.068s-5.133.922-6.995.895c-1.784-.025-6.72-.895-6.72-.895l-.311-3.068a8.9 8.9 0 0 1-1.236-2.83h-.002c-.348-1.603-.212-3.256-.047-4.048l.984-5.046l-.004-.001l.076-.36c.119-.557.208-.977.243-1.181c.553-3.207 3.363-6.306 7.23-6.306"/><path fill="url(#iLFJx8d)" d="M16.067 6.132c3.46 0 6.702 3.17 6.99 6.306c.028.298.176.99.37 1.878l.986 4.71c.165.793.301 2.448-.048 4.053a8.8 8.8 0 0 1-1.253 2.825l-.264 3.068s-5.133.922-6.995.895c-1.784-.025-6.72-.895-6.72-.895l-.311-3.068a8.9 8.9 0 0 1-1.236-2.83h-.002c-.348-1.603-.212-3.256-.047-4.048l.984-5.046l-.004-.001l.076-.36c.119-.557.208-.977.243-1.181c.553-3.207 3.363-6.306 7.23-6.306"/><path fill="url(#iHn2Ttc)" d="M16.067 6.132c3.46 0 6.702 3.17 6.99 6.306c.028.298.176.99.37 1.878l.986 4.71c.165.793.301 2.448-.048 4.053a8.8 8.8 0 0 1-1.253 2.825l-.264 3.068s-5.133.922-6.995.895c-1.784-.025-6.72-.895-6.72-.895l-.311-3.068a8.9 8.9 0 0 1-1.236-2.83h-.002c-.348-1.603-.212-3.256-.047-4.048l.984-5.046l-.004-.001l.076-.36c.119-.557.208-.977.243-1.181c.553-3.207 3.363-6.306 7.23-6.306"/><g filter="url(#ismAq7C)"><path stroke="url(#iuDWW6d)" stroke-width=".25" d="M20.822 16.211c.486-.815.756-1.852.756-3.127c0-1.338-.665-2.636-1.552-3.596c-.883-.957-2.01-1.605-2.962-1.605c-.178 0-.293.102-.37.224c-.07.114-.118.262-.162.396l-.003.01c-.057.175-.11.335-.194.454a.39.39 0 0 1-.341.179a.42.42 0 0 1-.362-.19c-.091-.124-.152-.291-.216-.469l-.003-.009a2 2 0 0 0-.166-.38c-.072-.114-.181-.215-.348-.215c-.944 0-2.08.63-2.975 1.58c-.897.953-1.574 2.251-1.574 3.621c0 1.296.273 2.328.752 3.13a6.9 6.9 0 0 0-2.206 5.057c0 3.85 3.166 6.967 7.068 6.967s7.067-3.118 7.067-6.967c0-1.993-.849-3.79-2.209-5.06Z"/></g><g filter="url(#i6O83ad)"><path fill="url(#ilm1Qic)" d="M20.662 16.233c.505-.804.79-1.846.79-3.149c0-2.596-2.585-5.076-4.388-5.076c-.24 0-.324.26-.416.543c-.111.342-.234.72-.654.72c-.43 0-.571-.394-.696-.742c-.098-.275-.186-.52-.399-.52c-1.791 0-4.424 2.416-4.424 5.075c0 1.326.29 2.361.788 3.152A6.78 6.78 0 0 0 9.02 21.27c0 3.778 3.108 6.842 6.943 6.842s6.942-3.064 6.942-6.842a6.78 6.78 0 0 0-2.244-5.038"/><path fill="url(#iIGXl5d)" d="M20.662 16.233c.505-.804.79-1.846.79-3.149c0-2.596-2.585-5.076-4.388-5.076c-.24 0-.324.26-.416.543c-.111.342-.234.72-.654.72c-.43 0-.571-.394-.696-.742c-.098-.275-.186-.52-.399-.52c-1.791 0-4.424 2.416-4.424 5.075c0 1.326.29 2.361.788 3.152A6.78 6.78 0 0 0 9.02 21.27c0 3.778 3.108 6.842 6.943 6.842s6.942-3.064 6.942-6.842a6.78 6.78 0 0 0-2.244-5.038"/></g><g filter="url(#ietrs9c)"><path fill="url(#iJBugKc)" d="m13.385 17.398l5.23-2.844l-5.23-.278z"/><path fill="url(#ixv8mjO)" d="m13.385 17.398l5.23-2.844l-5.23-.278z"/></g><path fill="#F97725" d="M13.385 14.554h5.21a2.606 2.606 0 0 0-5.21 0"/><path fill="url(#iR3Mbrb)" d="M13.385 14.554h5.21a2.606 2.606 0 0 0-5.21 0"/><path fill="url(#iWG4Qld)" d="M13.385 14.554h5.21a2.606 2.606 0 0 0-5.21 0"/><path fill="url(#ibzsXVC)" d="M13.385 14.554h5.21a2.606 2.606 0 0 0-5.21 0"/><g filter="url(#immFt0c)"><rect width=".906" height="1.641" x="13.935" y="9.87" fill="#B5AABA" rx=".453"/></g><g filter="url(#idOBQXc)"><rect width=".906" height="1.641" x="16.936" y="9.87" fill="#B5AABA" rx=".453"/></g><rect width=".906" height="1.641" x="14.037" y="9.792" fill="url(#iit8amc)" rx=".453"/><rect width=".906" height="1.641" x="14.037" y="9.792" fill="url(#ibCbrxb)" rx=".453"/><rect width=".906" height="1.641" x="14.037" y="9.792" fill="url(#iV1Cfsc)" rx=".453"/><rect width=".906" height="1.641" x="17.037" y="9.792" fill="url(#i8L5mcc)" rx=".453"/><rect width=".906" height="1.641" x="17.037" y="9.792" fill="url(#iXNh7Qc)" rx=".453"/><rect width=".906" height="1.641" x="17.037" y="9.792" fill="url(#iad4tOe)" rx=".453"/><g filter="url(#iwIxL4d)"><rect width=".32" height="1.197" x="17.451" y="10.014" fill="#76676A" rx=".16"/></g><g filter="url(#iDb2Rib)"><rect width=".32" height="1.197" x="14.435" y="10.014" fill="#76676A" rx=".16"/></g><path fill="#FF9D63" d="M15.99 29.868h7.782a.37.37 0 0 0 .376-.385a8.2 8.2 0 0 0-1.02-3.603c-1.541 2.315-4.16 3.98-7.138 3.988"/><path fill="url(#i64BSVb)" d="M15.99 29.868h7.782a.37.37 0 0 0 .376-.385a8.2 8.2 0 0 0-1.02-3.603c-1.541 2.315-4.16 3.98-7.138 3.988"/><path fill="url(#iTlIv0d)" d="M15.99 29.868h7.782a.37.37 0 0 0 .376-.385a8.2 8.2 0 0 0-1.02-3.603c-1.541 2.315-4.16 3.98-7.138 3.988"/><path fill="url(#igysgoc)" d="M15.99 29.868h7.782a.37.37 0 0 0 .376-.385a8.2 8.2 0 0 0-1.02-3.603c-1.541 2.315-4.16 3.98-7.138 3.988"/><path fill="url(#ik5GJqe)" d="M15.99 29.868h7.782a.37.37 0 0 0 .376-.385a8.2 8.2 0 0 0-1.02-3.603c-1.541 2.315-4.16 3.98-7.138 3.988"/><path fill="#DD4533" d="M15.964 29.868H8.182a.37.37 0 0 1-.376-.385a8.2 8.2 0 0 1 1.02-3.603c1.541 2.315 4.16 3.98 7.138 3.988"/><path fill="url(#i9SxJge)" d="M15.964 29.868H8.182a.37.37 0 0 1-.376-.385a8.2 8.2 0 0 1 1.02-3.603c1.541 2.315 4.16 3.98 7.138 3.988"/><path fill="url(#ipFDfic)" d="M15.964 29.868H8.182a.37.37 0 0 1-.376-.385a8.2 8.2 0 0 1 1.02-3.603c1.541 2.315 4.16 3.98 7.138 3.988"/><defs><linearGradient id="i8681Rh" x1="4.959" x2="7.24" y1="24.558" y2="21.37" gradientUnits="userSpaceOnUse"><stop stop-color="#462096"/><stop offset="1" stop-color="#462096" stop-opacity="0"/></linearGradient><linearGradient id="iWZcHrB" x1="25.644" x2="25.644" y1="14.543" y2="23.866" gradientUnits="userSpaceOnUse"><stop stop-color="#814690"/><stop offset="1" stop-color="#511691"/></linearGradient><linearGradient id="iiRdRto" x1="27.303" x2="25.244" y1="24.589" y2="22.193" gradientUnits="userSpaceOnUse"><stop stop-color="#462096"/><stop offset="1" stop-color="#462096" stop-opacity="0"/></linearGradient><linearGradient id="iMEN6ic" x1="28.317" x2="23.803" y1="23.37" y2="15.495" gradientUnits="userSpaceOnUse"><stop stop-color="#8760B5"/><stop offset="1" stop-color="#8760B5" stop-opacity="0"/></linearGradient><linearGradient id="iBL3wzc" x1="15.975" x2="15.975" y1="5.808" y2="29.868" gradientUnits="userSpaceOnUse"><stop stop-color="#57275F"/><stop offset="1" stop-color="#4C20A3"/></linearGradient><linearGradient id="iuDWW6d" x1="15.964" x2="15.964" y1="8.008" y2="28.113" gradientUnits="userSpaceOnUse"><stop stop-color="#60166F"/><stop offset="1" stop-color="#51309A"/></linearGradient><linearGradient id="ilm1Qic" x1="15.964" x2="15.964" y1="9.245" y2="28.113" gradientUnits="userSpaceOnUse"><stop stop-color="#D4C5DF"/><stop offset="1" stop-color="#EFC3FF"/></linearGradient><linearGradient id="iJBugKc" x1="18.24" x2="13.385" y1="14.554" y2="16.429" gradientUnits="userSpaceOnUse"><stop stop-color="#E0B4E2"/><stop offset="1" stop-color="#E0B4E2" stop-opacity="0"/></linearGradient><linearGradient id="ixv8mjO" x1="16" x2="16" y1="13.933" y2="15.026" gradientUnits="userSpaceOnUse"><stop stop-color="#D9A7E6"/><stop offset="1" stop-color="#D9A7E6" stop-opacity="0"/></linearGradient><linearGradient id="ibzsXVC" x1="15.99" x2="15.99" y1="14.808" y2="14.214" gradientUnits="userSpaceOnUse"><stop offset=".136" stop-color="#FF5762"/><stop offset="1" stop-color="#FF5762" stop-opacity="0"/></linearGradient><linearGradient id="iit8amc" x1="14.943" x2="14.419" y1="10.51" y2="10.51" gradientUnits="userSpaceOnUse"><stop offset=".225" stop-color="#594C4F"/><stop offset="1" stop-color="#392833"/></linearGradient><linearGradient id="ibCbrxb" x1="15.085" x2="15.085" y1="11.356" y2="10.574" gradientUnits="userSpaceOnUse"><stop stop-color="#492847"/><stop offset="1" stop-color="#552D52" stop-opacity="0"/></linearGradient><linearGradient id="i8L5mcc" x1="17.943" x2="17.419" y1="10.51" y2="10.51" gradientUnits="userSpaceOnUse"><stop offset=".225" stop-color="#594C4F"/><stop offset="1" stop-color="#392833"/></linearGradient><linearGradient id="iXNh7Qc" x1="18.085" x2="18.085" y1="11.356" y2="10.574" gradientUnits="userSpaceOnUse"><stop stop-color="#492847"/><stop offset="1" stop-color="#552D52" stop-opacity="0"/></linearGradient><linearGradient id="i64BSVb" x1="20.069" x2="20.069" y1="30.433" y2="29.058" gradientUnits="userSpaceOnUse"><stop offset=".136" stop-color="#FF5762"/><stop offset="1" stop-color="#FF5762" stop-opacity="0"/></linearGradient><linearGradient id="ik5GJqe" x1="20.069" x2="20.069" y1="30.127" y2="29.436" gradientUnits="userSpaceOnUse"><stop stop-color="#F15CC7"/><stop offset=".828" stop-color="#F15CC7" stop-opacity="0"/></linearGradient><linearGradient id="i9SxJge" x1="11.884" x2="11.884" y1="30.127" y2="29.436" gradientUnits="userSpaceOnUse"><stop stop-color="#F15CC7"/><stop offset=".828" stop-color="#F15CC7" stop-opacity="0"/></linearGradient><linearGradient id="ipFDfic" x1="16.521" x2="11.443" y1="29.436" y2="29.436" gradientUnits="userSpaceOnUse"><stop stop-color="#F15CC7"/><stop offset="1" stop-color="#F15CC7" stop-opacity="0"/></linearGradient><radialGradient id="iwycgOd" cx="0" cy="0" r="1" gradientTransform="rotate(-62.482 21.255 5.963)scale(5.88447 3.37643)" gradientUnits="userSpaceOnUse"><stop stop-color="#652998"/><stop offset="1" stop-color="#501E65"/></radialGradient><radialGradient id="iWxFlQc" cx="0" cy="0" r="1" gradientTransform="rotate(130.427 .267 11.602)scale(7.30067 3.02415)" gradientUnits="userSpaceOnUse"><stop offset=".786" stop-color="#493659" stop-opacity="0"/><stop offset="1" stop-color="#493659"/></radialGradient><radialGradient id="iPfwUee" cx="0" cy="0" r="1" gradientTransform="rotate(138.39 9.464 8.207)scale(12.706 18.4562)" gradientUnits="userSpaceOnUse"><stop stop-color="#813687"/><stop offset="1" stop-color="#813687" stop-opacity="0"/></radialGradient><radialGradient id="iWTUmPb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -5.8125 7.20261 0 15.975 32.808)" gradientUnits="userSpaceOnUse"><stop stop-color="#552EAA"/><stop offset="1" stop-color="#552EAA" stop-opacity="0"/></radialGradient><radialGradient id="iLFJx8d" cx="0" cy="0" r="1" gradientTransform="matrix(.79687 .64062 -.62073 .77212 17.084 8.089)" gradientUnits="userSpaceOnUse"><stop stop-color="#884790"/><stop offset="1" stop-color="#884790" stop-opacity="0"/></radialGradient><radialGradient id="iHn2Ttc" cx="0" cy="0" r="1" gradientTransform="matrix(1.5 -1.0625 1.40213 1.97948 20.053 10.933)" gradientUnits="userSpaceOnUse"><stop stop-color="#884790"/><stop offset="1" stop-color="#884790" stop-opacity="0"/></radialGradient><radialGradient id="iIGXl5d" cx="0" cy="0" r="1" gradientTransform="rotate(171.69 10.35 8.383)scale(11.2431 13.4274)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF6FF"/><stop offset="1" stop-color="#FFF6FF" stop-opacity="0"/></radialGradient><radialGradient id="iR3Mbrb" cx="0" cy="0" r="1" gradientTransform="matrix(-2.75 0 0 -2.69572 17.771 14.554)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA864"/><stop offset="1" stop-color="#FFA864" stop-opacity="0"/></radialGradient><radialGradient id="iWG4Qld" cx="0" cy="0" r="1" gradientTransform="rotate(106.025 3.889 11.864)scale(1.92439 1.93572)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA864"/><stop offset="1" stop-color="#FFA864" stop-opacity="0"/></radialGradient><radialGradient id="iV1Cfsc" cx="0" cy="0" r="1" gradientTransform="matrix(-.27066 -.92835 1.08552 -.31648 14.587 10.741)" gradientUnits="userSpaceOnUse"><stop offset=".814" stop-color="#594C4F" stop-opacity="0"/><stop offset="1" stop-color="#594C4F"/></radialGradient><radialGradient id="iad4tOe" cx="0" cy="0" r="1" gradientTransform="matrix(-.27066 -.92835 1.08552 -.31648 17.587 10.742)" gradientUnits="userSpaceOnUse"><stop offset=".814" stop-color="#594C4F" stop-opacity="0"/><stop offset="1" stop-color="#594C4F"/></radialGradient><radialGradient id="iTlIv0d" cx="0" cy="0" r="1" gradientTransform="matrix(4.25 0 0 8.69274 17.021 28.933)" gradientUnits="userSpaceOnUse"><stop offset=".136" stop-color="#FF5762"/><stop offset="1" stop-color="#FF5762" stop-opacity="0"/></radialGradient><radialGradient id="igysgoc" cx="0" cy="0" r="1" gradientTransform="matrix(8.4375 0 0 8.1987 18.615 28.933)" gradientUnits="userSpaceOnUse"><stop offset=".587" stop-color="#FF5762" stop-opacity="0"/><stop offset="1" stop-color="#FF5762"/></radialGradient><filter id="i3OXTTi" width="6.232" height="8.726" x="21.959" y="14.495" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_4875" stdDeviation=".375"/></filter><filter id="ismAq7C" width="14.785" height="21.005" x="8.571" y="7.558" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_4875" stdDeviation=".1"/></filter><filter id="i6O83ad" width="13.885" height="20.305" x="9.021" y="7.808" 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 dy="-.2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.711813 0 0 0 0 0.656753 0 0 0 0 0.754167 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_4875"/></filter><filter id="ietrs9c" width="6.73" height="4.621" x="12.635" y="13.526" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_4875" stdDeviation=".375"/></filter><filter id="immFt0c" width="1.906" height="2.641" x="13.435" y="9.37" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_4875" stdDeviation=".25"/></filter><filter id="idOBQXc" width="1.906" height="2.641" x="16.436" y="9.37" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_4875" stdDeviation=".25"/></filter><filter id="iwIxL4d" width="1.12" height="1.997" x="17.051" y="9.614" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_4875" stdDeviation=".2"/></filter><filter id="iDb2Rib" width="1.12" height="1.997" x="14.036" y="9.614" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_4875" stdDeviation=".2"/></filter></defs></g></svg>Penguin アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:penguin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:penguin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:penguin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--penguin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:penguin"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:penguin"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/penguin.svg" alt="Penguin アイコン" width="24" height="24">他のアイコンセットの Penguin アイコン
Penguin アイコン のよくある質問
Penguin アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Penguin アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:penguin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Penguin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/penguin.svg" alt="Penguin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。