Goblin アイコン
fluent-emoji:goblin
Goblin アイコン(fluent-emoji:goblin)は、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(#iVSF8Xc)" d="M16 30.914c-6.63 0-12-5.37-12-12V4.8c0-1.15.93-2.08 2.08-2.08h19.84c1.15 0 2.08.93 2.08 2.08v14.115c0 6.63-5.37 12-12 12"/><path fill="url(#ikAGrno)" d="M16 30.914c-6.63 0-12-5.37-12-12V4.8c0-1.15.93-2.08 2.08-2.08h19.84c1.15 0 2.08.93 2.08 2.08v14.115c0 6.63-5.37 12-12 12"/><path fill="url(#igfSHMc)" d="M16 30.914c-6.63 0-12-5.37-12-12V4.8c0-1.15.93-2.08 2.08-2.08h19.84c1.15 0 2.08.93 2.08 2.08v14.115c0 6.63-5.37 12-12 12"/><path fill="url(#ilx2oDe)" d="M16 30.914c-6.63 0-12-5.37-12-12V4.8c0-1.15.93-2.08 2.08-2.08h19.84c1.15 0 2.08.93 2.08 2.08v14.115c0 6.63-5.37 12-12 12"/><g filter="url(#ihVJVJc)"><path fill="url(#ikR6m6J)" d="M24.313 5.454a1.375 1.375 0 1 1 2.75 0v11.905h-2.75z"/></g><path stroke="url(#iVxSQos)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M12.45 26.299a5.024 5.024 0 0 1 7.1-.22"/><path stroke="url(#i1N4gIe)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M12.45 26.299a5.024 5.024 0 0 1 7.1-.22"/><g filter="url(#itDSZMe)"><path fill="#9E1043" d="M10 16c2.59 0 4.688-2.031 4.688-4.537S12.59 6.925 10 6.925s-4.688 2.032-4.688 4.538S7.41 16 10 16"/></g><g filter="url(#igabVxe)"><path fill="#9E1043" d="M21.785 12.369c1.782 0 3.226-1.398 3.226-3.122s-1.444-3.121-3.226-3.121c-1.781 0-3.225 1.397-3.225 3.121s1.444 3.122 3.225 3.122"/></g><path fill="#fff" d="M10.48 15.539a4.48 4.48 0 0 0 4.48-4.48c0-1.906-1.126-3.35-2.804-3.997c-.5-.193-1.107-.483-1.676-.483a4.48 4.48 0 1 0 0 8.96"/><path fill="#3E2730" d="M12 14.529a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/><g filter="url(#i7PNIQd)"><path fill="#9E1043" d="M20.618 16.375c2.697 0 4.883-2.116 4.883-4.725c0-2.61-2.186-4.725-4.883-4.725s-4.882 2.115-4.882 4.725s2.186 4.725 4.882 4.725"/></g><path fill="#fff" d="M21.48 15.529a4.48 4.48 0 1 0 0-8.96c-.542 0-1.374.395-1.855.572C17.911 7.769 17 9.117 17 11.049a4.48 4.48 0 0 0 4.48 4.48"/><path fill="#3E2730" d="M20 14.529a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/><path fill="url(#i0IPGvt)" d="M18.8 23.799h5.49c.75 0 1.01-1 .35-1.35l-8.513-4.654a.13.13 0 0 0-.125-.068l-.142-.078v.144L7.34 22.45c-.65.36-.39 1.35.35 1.35h5.39a3.06 3.06 0 0 0 2.644-1.518c.098-.169.41-.165.505.006A2.94 2.94 0 0 0 18.8 23.8"/><path fill="url(#ipn0nrX)" d="M18.8 23.799h5.49c.75 0 1.01-1 .35-1.35l-8.513-4.654a.13.13 0 0 0-.125-.068l-.142-.078v.144L7.34 22.45c-.65.36-.39 1.35.35 1.35h5.39a3.06 3.06 0 0 0 2.644-1.518c.098-.169.41-.165.505.006A2.94 2.94 0 0 0 18.8 23.8"/><path fill="url(#iJvgmzb)" d="M24.29 23.799H18.8a2.89 2.89 0 0 1-2.296-1.1c-.21-.265-.285-.606-.285-.944v-3.583h.598l7.823 4.277c.66.35.4 1.35-.35 1.35"/><path fill="url(#iECdThm)" d="M7.697 23.799h5.49c.957 0 1.763-.428 2.297-1.1c.21-.265.284-.606.284-.944v-3.583h-.598l-7.823 4.277c-.66.35-.4 1.35.35 1.35"/><path fill="url(#ikRHoPm)" d="M29.401 20.844H17.75c-1.375 0-2.491-1.052-2.491-2.349c0-1.296 1.116-2.348 2.491-2.348h11.651c1.375 0 2.491 1.052 2.491 2.348c0 1.297-1.116 2.349-2.49 2.349"/><path fill="url(#ioOXZBb)" d="M29.401 20.844H17.75c-1.375 0-2.491-1.052-2.491-2.349c0-1.296 1.116-2.348 2.491-2.348h11.651c1.375 0 2.491 1.052 2.491 2.348c0 1.297-1.116 2.349-2.49 2.349"/><path stroke="url(#irgIQrc)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M13.44 8.159A5.44 5.44 0 0 1 8 2.719"/><path stroke="url(#iRiMq9b)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M18.56 8.159A5.44 5.44 0 0 0 24 2.719"/><g filter="url(#i8jxSnd)"><ellipse cx="28.234" cy="17.188" fill="url(#iDft72d)" rx="1.891" ry=".539"/></g><g filter="url(#iXVjUGd)"><path stroke="#653A60" stroke-linecap="round" stroke-width=".25" d="m8.688 22.531l6-3.25"/></g><g filter="url(#iXf7psc)"><path stroke="#9C6696" stroke-linecap="round" stroke-opacity=".6" stroke-width=".25" d="m23.781 22.71l.532.29"/></g><defs><linearGradient id="iVSF8Xc" x1="16" x2="16" y1=".638" y2="32.784" gradientUnits="userSpaceOnUse"><stop stop-color="#ED1C26"/><stop offset=".456" stop-color="#ED1452"/><stop offset="1" stop-color="#EC098C"/></linearGradient><linearGradient id="igfSHMc" x1="22.063" x2="22.063" y1="-.344" y2="11.656" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9FCB"/><stop offset=".41" stop-color="#FF9FCB" stop-opacity="0"/></linearGradient><linearGradient id="ilx2oDe" x1="-2.563" x2="7.875" y1="17.406" y2="17.406" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA32C"/><stop offset="1" stop-color="#FFA32C" stop-opacity="0"/></linearGradient><linearGradient id="ikR6m6J" x1="26.382" x2="26.382" y1="2.626" y2="15.921" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8BC0" stop-opacity=".8"/><stop offset="1" stop-color="#FF9FCB" stop-opacity="0"/></linearGradient><linearGradient id="i1N4gIe" x1="10.031" x2="16" y1="29.375" y2="23.406" gradientUnits="userSpaceOnUse"><stop offset=".328" stop-color="#FF9B1F"/><stop offset="1" stop-color="#FFB355" stop-opacity="0"/></linearGradient><linearGradient id="i0IPGvt" x1="15.994" x2="15.994" y1="17.649" y2="23.799" gradientUnits="userSpaceOnUse"><stop stop-color="#52374D"/><stop offset="1" stop-color="#4B2548"/></linearGradient><linearGradient id="ipn0nrX" x1="17" x2="17" y1="24.625" y2="20.906" gradientUnits="userSpaceOnUse"><stop stop-color="#66297F"/><stop offset=".469" stop-color="#66297F" stop-opacity="0"/></linearGradient><linearGradient id="iJvgmzb" x1="18.594" x2="16.063" y1="21.75" y2="23.799" gradientUnits="userSpaceOnUse"><stop stop-color="#4B2548" stop-opacity="0"/><stop offset=".667" stop-color="#3C2139"/></linearGradient><linearGradient id="iECdThm" x1="13.393" x2="15.925" y1="21.75" y2="23.799" gradientUnits="userSpaceOnUse"><stop stop-color="#4B2548" stop-opacity="0"/><stop offset=".667" stop-color="#3C2139"/></linearGradient><linearGradient id="ikRHoPm" x1="23.911" x2="23.911" y1="14.738" y2="20.022" gradientUnits="userSpaceOnUse"><stop stop-color="#C10A47"/><stop offset=".533" stop-color="#ED1B2A"/><stop offset=".796" stop-color="#EC1160"/><stop offset="1" stop-color="#EC098C"/></linearGradient><linearGradient id="ioOXZBb" x1="19.986" x2="15.487" y1="19.229" y2="17.59" gradientUnits="userSpaceOnUse"><stop stop-color="#B3193A" stop-opacity="0"/><stop offset=".872" stop-color="#A9203D"/></linearGradient><linearGradient id="iDft72d" x1="31.531" x2="26.344" y1="17.813" y2="17.726" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".7"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><filter id="ihVJVJc" width="5.75" height="16.28" x="22.813" y="2.579" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6820_5250" stdDeviation=".75"/></filter><filter id="itDSZMe" width="13.377" height="13.075" x="3.312" y="4.925" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6820_5250" stdDeviation="1"/></filter><filter id="igabVxe" width="11.451" height="11.243" x="16.06" y="3.626" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6820_5250" stdDeviation="1.25"/></filter><filter id="i7PNIQd" width="13.764" height="13.45" x="13.736" y="4.925" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6820_5250" stdDeviation="1"/></filter><filter id="i8jxSnd" width="5.781" height="3.077" x="25.344" y="15.649" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6820_5250" stdDeviation=".5"/></filter><filter id="iXVjUGd" width="8.25" height="5.5" x="7.563" y="18.156" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6820_5250" stdDeviation=".5"/></filter><filter id="iXf7psc" width="2.181" height="1.939" x="22.956" y="21.886" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6820_5250" stdDeviation=".35"/></filter><radialGradient id="ikAGrno" cx="0" cy="0" r="1" gradientTransform="matrix(0 17.8868 -20.3135 0 16.001 13.22)" gradientUnits="userSpaceOnUse"><stop offset=".664" stop-color="#FF63C4" stop-opacity="0"/><stop offset="1" stop-color="#FF63C4"/></radialGradient><radialGradient id="iVxSQos" cx="0" cy="0" r="1" gradientTransform="matrix(0 -5.0625 6.375 0 16 28.469)" gradientUnits="userSpaceOnUse"><stop offset=".552" stop-color="#FFAA40"/><stop offset=".852" stop-color="#FFF46C"/><stop offset="1" stop-color="#FFB355"/></radialGradient><radialGradient id="irgIQrc" cx="0" cy="0" r="1" gradientTransform="rotate(-127.447 6.935 -1.383)scale(16.1383 11.3785)" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#2E1529"/><stop offset=".297" stop-color="#5F4357"/><stop offset=".381" stop-color="#4B2744"/></radialGradient><radialGradient id="iRiMq9b" cx="0" cy="0" r="1" gradientTransform="rotate(-42.723 15.376 -23.649)scale(14.4629 10.1973)" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#2E1529"/><stop offset=".297" stop-color="#5F4357"/><stop offset=".365" stop-color="#4B2744"/></radialGradient></defs></g></svg>Goblin アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:goblin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:goblin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:goblin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--goblin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:goblin"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:goblin"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/goblin.svg" alt="Goblin アイコン" width="24" height="24">他のアイコンセットの Goblin アイコン
Goblin アイコン のよくある質問
Goblin アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Goblin アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:goblin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Goblin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/goblin.svg" alt="Goblin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。