siyu_app/static/svg/course_icon.svg

<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" fill="url(#paint0_linear_1586_4534)"/>
<g filter="url(#filter0_di_1586_4534)">
<path d="M21 26C21 22.6863 23.6863 20 27 20H36C39.3137 20 42 22.6863 42 26V35.25C42 37.8734 39.8734 40 37.25 40V40L35.097 42.2466C34.7033 42.6574 34.0467 42.6574 33.653 42.2466L31.5 40H27C23.6863 40 21 37.3137 21 34V26Z" fill="url(#paint1_linear_1586_4534)"/>
</g>
<g filter="url(#filter1_dii_1586_4534)">
<path d="M8 16C8 12.6863 10.6863 10 14 10H30C33.3137 10 36 12.6863 36 16V31C36 34.3137 33.3137 37 30 37H22H20.5L17.7526 40.1399C17.3542 40.5952 16.6458 40.5952 16.2474 40.1399L13.5 37H13C10.2386 37 8 34.7614 8 32V16Z" fill="url(#paint2_linear_1586_4534)"/>
</g>
<g filter="url(#filter2_i_1586_4534)">
<rect x="10" y="12" width="24" height="23" rx="4" fill="url(#paint3_linear_1586_4534)"/>
</g>
<g filter="url(#filter3_d_1586_4534)">
<path d="M25.8136 22.178C26.3876 22.5757 26.3876 23.4243 25.8136 23.822L21.0695 27.1088C20.4063 27.5683 19.5 27.0936 19.5 26.2868L19.5 19.7132C19.5 18.9064 20.4063 18.4317 21.0695 18.8912L25.8136 22.178Z" fill="url(#paint4_linear_1586_4534)"/>
</g>
<defs>
<filter id="filter0_di_1586_4534" x="15" y="19" width="27" height="29.5547" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="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 dx="-3" dy="3"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.970833 0 0 0 0 0.612705 0 0 0 0 0.0364062 0 0 0 0.5 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1586_4534"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1586_4534" result="shape"/>
<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"/>
<feGaussianBlur stdDeviation="0.7"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_1586_4534"/>
</filter>
<filter id="filter1_dii_1586_4534" x="4" y="6" width="36" height="38.4814" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="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/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.623529 0 0 0 0 0.0784314 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1586_4534"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1586_4534" result="shape"/>
<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.5"/>
<feGaussianBlur stdDeviation="0.7"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.74375 0 0 0 0 0.3125 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_1586_4534"/>
<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="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"/>
<feBlend mode="normal" in2="effect2_innerShadow_1586_4534" result="effect3_innerShadow_1586_4534"/>
</filter>
<filter id="filter2_i_1586_4534" x="10" y="12" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<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"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.821248 0 0 0 0 0.483333 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_1586_4534"/>
</filter>
<filter id="filter3_d_1586_4534" x="15.5" y="16.7115" width="14.744" height="16.577" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="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="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.970833 0 0 0 0 0.605278 0 0 0 0 0.0647222 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1586_4534"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1586_4534" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1586_4534" x1="24" y1="0" x2="24" y2="48" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFD44B"/>
<stop offset="1" stop-color="#FF9C10"/>
</linearGradient>
<linearGradient id="paint1_linear_1586_4534" x1="30.5" y1="14" x2="30.5" y2="40" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFD272"/>
<stop offset="1" stop-color="#FFDFB3"/>
</linearGradient>
<linearGradient id="paint2_linear_1586_4534" x1="22" y1="10" x2="22" y2="37" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFEED5"/>
<stop offset="1" stop-color="#FFE3BD"/>
</linearGradient>
<linearGradient id="paint3_linear_1586_4534" x1="22" y1="20.5" x2="22" y2="12" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="0.428571" stop-color="white" stop-opacity="0.745"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<linearGradient id="paint4_linear_1586_4534" x1="22" y1="19.5714" x2="22" y2="27.2857" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF9F13"/>
<stop offset="1" stop-color="#FF9807"/>
</linearGradient>
</defs>
</svg>