Comet アイコン
fluent-emoji:comet
Comet アイコン(fluent-emoji:comet)は、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"><g filter="url(#i1LNpSb)"><path fill="url(#iYIvr9u)" d="m27.148 3.123l-4.41 3.41v-1.03c0-.53-.64-.8-1.02-.42l-3.94 3.94v-1.39c0-.53-.64-.8-1.02-.42l-4.64 4.64v-1.39c0-.53-.64-.8-1.02-.42l-6.05 6.05a7.007 7.007 0 0 0 0 9.9a7.007 7.007 0 0 0 9.9 0l6.06-6.06c.37-.37.11-1.02-.42-1.02h-1.39l4.64-4.64c.37-.37.11-1.02-.42-1.02h-1.39l3.93-3.93c.37-.37.11-1.02-.42-1.02h-1.03l3.4-4.4c.41-.52-.25-1.18-.76-.78"/></g><g filter="url(#iuMPmpb)"><path fill="url(#iF9Op4d)" d="M10.018 26.343a5.32 5.32 0 1 0 0-10.64a5.32 5.32 0 0 0 0 10.64"/></g><g filter="url(#i9rB7ib)"><path fill="url(#iEs3l2R)" d="M11.518 15.241a.718.718 0 1 0 0-1.436a.718.718 0 0 0 0 1.436"/></g><g filter="url(#im3lqBG)"><path fill="url(#iZhak7d)" d="M16.518 20.2a.677.677 0 1 0 0-1.354a.677.677 0 0 0 0 1.354"/></g><g filter="url(#iohHENe)"><path fill="url(#iL0KCTd)" d="M15.018 17.23a1.207 1.207 0 1 0 0-2.414a1.207 1.207 0 0 0 0 2.414"/></g><g filter="url(#iCl5Gye)"><path fill="url(#iPg8vPb)" d="M14.518 13.167a.644.644 0 1 0 0-1.288a.644.644 0 0 0 0 1.288"/></g><g filter="url(#iA2n0Ee)"><path fill="url(#iQ9SOYc)" d="M20.518 11.164a.641.641 0 1 0 0-1.282a.641.641 0 0 0 0 1.282"/></g><g filter="url(#iHCIkzd)"><path fill="url(#iFrchob)" d="M18.018 12.974a.951.951 0 1 0 0-1.902a.951.951 0 0 0 0 1.902"/></g><g filter="url(#iFHj7jc)"><path fill="url(#iRyoSvc)" d="M18.018 15.974a.951.951 0 1 0 0-1.902a.951.951 0 0 0 0 1.902"/></g><g filter="url(#iucVs3d)"><path fill="url(#ibjqyDc)" d="M10.018 26.023a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/></g><g filter="url(#iHShopb)"><path fill="url(#iQZDlpe)" d="M20.518 11.023a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/></g><g filter="url(#i9Yk6Ke)"><path fill="url(#isIRahe)" d="M14.518 13.023a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/></g><g filter="url(#iAuNpmd)"><path fill="url(#i9XCndc)" d="M16.518 20.023a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/></g><g filter="url(#iV7z1Dd)"><path fill="url(#iSjfOnb)" d="M11.518 15.023a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/></g><g filter="url(#iccFnDd)"><path fill="url(#iPN1jYb)" d="M15.018 17.013a.99.99 0 1 0 0-1.98a.99.99 0 0 0 0 1.98"/></g><g filter="url(#i1rkzZA)"><path fill="url(#i80JS7b)" d="M18.018 12.773a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/></g><g filter="url(#i0VEyKd)"><path fill="url(#i2OqXub)" d="M18.018 15.773a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/></g><defs><filter id="i1LNpSb" width="25.336" height="25.34" x="2.9" y="2.8" 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=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.847059 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15793"/><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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="effect1_innerShadow_18_15793" result="effect2_innerShadow_18_15793"/></filter><filter id="iuMPmpb" width="11.64" height="11.64" x="4.198" y="15.203" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15793" stdDeviation=".25"/></filter><filter id="i9rB7ib" width="1.836" height="1.837" x="10.599" y="13.605" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15793" stdDeviation=".1"/></filter><filter id="im3lqBG" width="1.754" height="1.754" x="15.64" y="18.646" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15793" stdDeviation=".1"/></filter><filter id="iohHENe" width="2.815" height="2.815" x="13.61" y="14.616" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15793" stdDeviation=".1"/></filter><filter id="iCl5Gye" width="1.789" height="1.789" x="13.623" y="11.629" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15793" stdDeviation=".125"/></filter><filter id="iA2n0Ee" width="1.783" height="1.783" x="19.626" y="9.632" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15793" stdDeviation=".125"/></filter><filter id="iHCIkzd" width="2.402" height="2.402" x="16.816" y="10.822" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15793" stdDeviation=".125"/></filter><filter id="iFHj7jc" width="2.402" height="2.402" x="16.816" y="13.822" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_15793" stdDeviation=".125"/></filter><filter id="iucVs3d" width="10.2" height="10.2" x="5.018" y="15.823" 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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.725 0 0 0 0 0.117813 0 0 0 0 0.394506 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15793"/></filter><filter id="iHShopb" width="1.2" height="1.2" x="20.018" y="9.823" 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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.725 0 0 0 0 0.117813 0 0 0 0 0.394506 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15793"/></filter><filter id="i9Yk6Ke" width="1.2" height="1.2" x="14.018" y="11.823" 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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.725 0 0 0 0 0.117813 0 0 0 0 0.394506 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15793"/></filter><filter id="iAuNpmd" width="1.2" height="1.2" x="16.018" y="18.823" 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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.725 0 0 0 0 0.117813 0 0 0 0 0.394506 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15793"/></filter><filter id="iV7z1Dd" width="1.2" height="1.2" x="11.018" y="13.823" 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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.725 0 0 0 0 0.117813 0 0 0 0 0.394506 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15793"/></filter><filter id="iccFnDd" width="2.18" height="2.18" x="14.027" y="14.833" 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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.725 0 0 0 0 0.117813 0 0 0 0 0.394506 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15793"/></filter><filter id="i1rkzZA" width="1.7" height="1.7" x="17.268" y="11.073" 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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.725 0 0 0 0 0.117813 0 0 0 0 0.394506 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15793"/></filter><filter id="i0VEyKd" width="1.7" height="1.7" x="17.268" y="14.073" 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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.725 0 0 0 0 0.117813 0 0 0 0 0.394506 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15793"/></filter><linearGradient id="iYIvr9u" x1="5.281" x2="28.036" y1="25.799" y2="3.217" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8684"/><stop offset=".813" stop-color="#CBECF3"/><stop offset=".96" stop-color="#81EAFF"/></linearGradient><linearGradient id="iF9Op4d" x1="14.156" x2="6.277" y1="17.039" y2="25.743" gradientUnits="userSpaceOnUse"><stop stop-color="#F4C0C2"/><stop offset="1" stop-color="#E77980"/></linearGradient><linearGradient id="iEs3l2R" x1="12.076" x2="11.013" y1="13.985" y2="15.16" gradientUnits="userSpaceOnUse"><stop stop-color="#EECDCF"/><stop offset="1" stop-color="#D5A5AE"/></linearGradient><linearGradient id="iZhak7d" x1="17.044" x2="16.041" y1="19.016" y2="20.124" gradientUnits="userSpaceOnUse"><stop stop-color="#EECDCF"/><stop offset="1" stop-color="#D5A5AE"/></linearGradient><linearGradient id="iL0KCTd" x1="15.957" x2="14.169" y1="15.119" y2="17.094" gradientUnits="userSpaceOnUse"><stop stop-color="#EECDCF"/><stop offset="1" stop-color="#D5A5AE"/></linearGradient><linearGradient id="iPg8vPb" x1="15.019" x2="14.065" y1="12.04" y2="13.095" gradientUnits="userSpaceOnUse"><stop stop-color="#EAD6D8"/><stop offset="1" stop-color="#D0B2BB"/></linearGradient><linearGradient id="iQ9SOYc" x1="21.017" x2="20.067" y1="10.043" y2="11.092" gradientUnits="userSpaceOnUse"><stop stop-color="#DEEAEC"/><stop offset="1" stop-color="#C4C3CF"/></linearGradient><linearGradient id="iFrchob" x1="18.758" x2="17.349" y1="11.311" y2="12.867" gradientUnits="userSpaceOnUse"><stop stop-color="#DFDDE0"/><stop offset="1" stop-color="#CBBAC5"/></linearGradient><linearGradient id="iRyoSvc" x1="18.758" x2="17.349" y1="14.311" y2="15.867" gradientUnits="userSpaceOnUse"><stop stop-color="#E9DADB"/><stop offset="1" stop-color="#D2B2BF"/></linearGradient><radialGradient id="ibjqyDc" cx="0" cy="0" r="1" gradientTransform="rotate(135.764 2.495 12.137)scale(6.62972 9.64172)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE3124"/><stop offset="1" stop-color="#C51071"/></radialGradient><radialGradient id="iQZDlpe" cx="0" cy="0" r="1" gradientTransform="rotate(134.931 8.252 9.478)scale(.77928 1.1333)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE3124"/><stop offset="1" stop-color="#C51071"/></radialGradient><radialGradient id="isIRahe" cx="0" cy="0" r="1" gradientTransform="rotate(134.931 4.837 9.233)scale(.77928 1.1333)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE3124"/><stop offset="1" stop-color="#C51071"/></radialGradient><radialGradient id="i9XCndc" cx="0" cy="0" r="1" gradientTransform="rotate(134.931 4.385 13.148)scale(.77928 1.1333)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE3124"/><stop offset="1" stop-color="#C51071"/></radialGradient><radialGradient id="iSjfOnb" cx="0" cy="0" r="1" gradientTransform="rotate(134.931 2.923 9.611)scale(.77928 1.1333)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE3124"/><stop offset="1" stop-color="#C51071"/></radialGradient><radialGradient id="iPN1jYb" cx="0" cy="0" r="1" gradientTransform="rotate(134.931 4.534 11.048)scale(1.54296 2.24396)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE3124"/><stop offset="1" stop-color="#C51071"/></radialGradient><radialGradient id="i80JS7b" cx="0" cy="0" r="1" gradientTransform="rotate(134.931 6.78 9.69)scale(1.16891 1.69997)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE3124"/><stop offset="1" stop-color="#C51071"/></radialGradient><radialGradient id="i2OqXub" cx="0" cy="0" r="1" gradientTransform="rotate(134.931 6.157 11.19)scale(1.16891 1.69997)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE3124"/><stop offset="1" stop-color="#C51071"/></radialGradient></defs></g></svg>Comet アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:comet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:comet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:comet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--comet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:comet"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:comet"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/comet.svg" alt="Comet アイコン" width="24" height="24">他のアイコンセットの Comet アイコン
Comet アイコン のよくある質問
Comet アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Comet アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:comet" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Comet アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/comet.svg" alt="Comet アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。