Files
msgapp/src/app/components/RankIcon1st.tsx

44 lines
4.5 KiB
TypeScript
Raw Normal View History

2025-11-02 13:32:19 +09:00
export function RankIcon1st({ width = 20, height = 21 }: { width?: number; height?: number }) {
2025-11-02 11:34:47 +09:00
return (
2025-11-02 13:32:19 +09:00
<svg width={width} height={height} viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2025-11-02 11:34:47 +09:00
<g filter="url(#filter0_d_9465_19783)">
<path d="M12.0854 18.801C10.8419 19.733 9.1581 19.733 7.91462 18.801L1.96272 14.3398C0.719241 13.4077 0.198919 11.7556 0.673887 10.2475L2.94731 3.02913C3.42228 1.52105 4.7845 0.5 6.32153 0.5H13.6785C15.2155 0.5 16.5777 1.52105 17.0527 3.02913L19.3261 10.2475C19.8011 11.7556 19.2808 13.4077 18.0373 14.3398L12.0854 18.801Z" fill="url(#paint0_linear_9465_19783)"/>
<path d="M6.32129 1.5H13.6787C14.7619 1.50011 15.7495 2.22129 16.0986 3.3291L18.3721 10.5479C18.7226 11.6607 18.3334 12.8685 17.4375 13.54L11.4854 18.001C10.5974 18.6663 9.40256 18.6663 8.51465 18.001L2.5625 13.54C1.6666 12.8685 1.27744 11.6607 1.62793 10.5479L3.90137 3.3291C4.25048 2.22129 5.23809 1.50011 6.32129 1.5Z" stroke="white" strokeOpacity="0.4" strokeWidth="2"/>
</g>
<g clipPath="url(#paint1_angular_9465_19783_clip_path)" data-figma-skip-parse="true">
<g transform="matrix(0 0.003 -0.003 0 10 9.7998)">
<foreignObject x="-1333.33" y="-1333.33" width="2666.67" height="2666.67">
<div xmlns="http://www.w3.org/1999/xhtml" style={{background:"conic-gradient(from 90deg,rgba(255, 255, 255, 1) 0deg,rgba(224, 224, 224, 1) 360deg)",height:"100%",width:"100%",opacity:1}}></div>
</foreignObject>
</g>
</g>
<path d="M9.69757 6.98416C9.82427 6.73835 10.1757 6.73835 10.3024 6.98416L11.1074 8.54588C11.1398 8.60878 11.191 8.66001 11.2539 8.69243L12.8156 9.49737C13.0615 9.62407 13.0615 9.97554 12.8156 10.1022L11.2539 10.9072C11.191 10.9396 11.1398 10.9908 11.1074 11.0537L10.3024 12.6154C10.1757 12.8613 9.82427 12.8613 9.69757 12.6154L8.89262 11.0537C8.8602 10.9908 8.80898 10.9396 8.74607 10.9072L7.18436 10.1022C6.93855 9.97554 6.93855 9.62407 7.18436 9.49737L8.74607 8.69243C8.80898 8.66001 8.8602 8.60878 8.89262 8.54588L9.69757 6.98416Z" fill="url(#paint1_angular_9465_19783)"/>
<path d="M9.31836 6.64844C9.64906 6.18382 10.3509 6.18383 10.6816 6.64844L10.7471 6.75488L11.5283 8.27051L13.0449 9.05273C13.6519 9.36564 13.6519 10.234 13.0449 10.5469L11.5283 11.3281L10.7471 12.8447C10.4342 13.4517 9.56584 13.4517 9.25293 12.8447L8.4707 11.3281L6.95508 10.5469C6.34814 10.234 6.34814 9.36564 6.95508 9.05273L8.4707 8.27051L9.25293 6.75488L9.31836 6.64844Z" stroke="black" strokeOpacity="0.2"/>
<path d="M15.5771 1.07031C16.2587 1.5162 16.791 2.19814 17.0527 3.0293L18.2617 6.87012L7.00977 18.123L2.16016 14.4873L15.5771 1.07031Z" fill="white" fillOpacity="0.3"/>
<defs>
<filter id="filter0_d_9465_19783" x="0.5" y="0.5" width="19" height="20" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
<feFlood floodOpacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.300741 0 0 0 0 0.171852 0 0 0 0 0.0192593 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_9465_19783"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_9465_19783" result="shape"/>
</filter>
<clipPath id="paint1_angular_9465_19783_clip_path">
<path d="M9.69757 6.98416C9.82427 6.73835 10.1757 6.73835 10.3024 6.98416L11.1074 8.54588C11.1398 8.60878 11.191 8.66001 11.2539 8.69243L12.8156 9.49737C13.0615 9.62407 13.0615 9.97554 12.8156 10.1022L11.2539 10.9072C11.191 10.9396 11.1398 10.9908 11.1074 11.0537L10.3024 12.6154C10.1757 12.8613 9.82427 12.8613 9.69757 12.6154L8.89262 11.0537C8.8602 10.9908 8.80898 10.9396 8.74607 10.9072L7.18436 10.1022C6.93855 9.97554 6.93855 9.62407 7.18436 9.49737L8.74607 8.69243C8.80898 8.66001 8.8602 8.60878 8.89262 8.54588L9.69757 6.98416Z"/>
</clipPath>
<linearGradient id="paint0_linear_9465_19783" x1="10.0002" y1="20.364" x2="10.0002" y2="-1.59713" gradientUnits="userSpaceOnUse">
<stop stopColor="#F07E00"/>
<stop offset="1" stopColor="#F7F4CF"/>
</linearGradient>
<linearGradient id="paint1_angular_9465_19783" x1="10" y1="6.98416" x2="10" y2="12.6154" gradientUnits="userSpaceOnUse">
<stop stopColor="white"/>
<stop offset="1" stopColor="#E0E0E0"/>
</linearGradient>
</defs>
</svg>
);
}