Круглая кнопка-выкрутка (Round pushpin)

Скачать
<?xml version="1.0" encoding="utf-8"?> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.4 10.5767V20.9709C11.4 21.0681 11.6686 21.1424 12.0057 21.1424C12.3372 21.1424 12.6115 21.0624 12.6115 20.9709V10.5767H11.4Z" fill="url(#paint0_linear)"/> <path opacity="0.5" d="M11.4 10.5767V20.9709C11.4 21.0681 11.6686 21.1424 12.0057 21.1424C12.3372 21.1424 12.6115 21.0624 12.6115 20.9709V10.5767H11.4Z" fill="url(#paint1_radial)"/> <path opacity="0.5" d="M11.4 10.5767V16.0224C11.4 16.1195 11.6686 16.1938 12.0057 16.1938C12.3372 16.1938 12.6115 16.1138 12.6115 16.0224V10.5767H11.4V10.5767Z" fill="url(#paint2_linear)"/> <path d="M12.0057 13.0398C14.8176 13.0398 17.0972 10.7603 17.0972 7.94836C17.0972 5.13644 14.8176 2.85693 12.0057 2.85693C9.19382 2.85693 6.91431 5.13644 6.91431 7.94836C6.91431 10.7603 9.19382 13.0398 12.0057 13.0398Z" fill="url(#paint3_radial)"/> <path d="M12.3373 13.0398C14.2655 13.0398 15.8287 10.7603 15.8287 7.94836C15.8287 5.13644 14.2655 2.85693 12.3373 2.85693C10.409 2.85693 8.84583 5.13644 8.84583 7.94836C8.84583 10.7603 10.409 13.0398 12.3373 13.0398Z" fill="url(#paint4_linear)"/> <path d="M16.4685 5.49707C16.1771 8.64564 13.5257 11.1142 10.2971 11.1142C9.3314 11.1142 8.41712 10.8914 7.59998 10.4971C8.47998 12.0114 10.1257 13.0342 12.0057 13.0342C14.8171 13.0342 17.0971 10.7542 17.0971 7.94279C17.0914 7.05707 16.8685 6.2285 16.4685 5.49707Z" fill="url(#paint5_linear)"/> <path d="M11.0401 12.1025C13.9429 12.1025 16.2972 9.74821 16.2972 6.84535C16.2972 5.99964 16.0972 5.19964 15.7372 4.48535C16.5772 5.39392 17.0915 6.60535 17.0915 7.9425C17.0915 10.7539 14.8115 13.0339 12.0001 13.0339C10.4229 13.0339 9.01722 12.3196 8.08008 11.1939C8.92579 11.7711 9.94293 12.1025 11.0401 12.1025Z" fill="url(#paint6_radial)"/> <path d="M12.0916 9.62299C10.7773 9.62299 9.16013 10.0801 8.27441 11.4116C9.20584 12.4116 10.5316 13.0344 12.0001 13.0344C14.8116 13.0344 17.0916 10.7544 17.0916 7.94299C17.0916 6.96584 16.8173 6.04584 16.3373 5.27441C16.1544 7.97156 13.743 9.62299 12.0916 9.62299Z" fill="url(#paint7_radial)"/> <path d="M10.8972 12.4111C13.5658 12.4111 15.7315 10.2454 15.7315 7.57683C15.7315 7.06254 15.6515 6.5654 15.5029 6.10254C15.3429 6.42825 15.08 6.75968 14.68 7.07968C12.5372 8.8054 10.8001 6.94825 7.58862 8.55397C7.66862 9.99968 8.34862 11.2911 9.38862 12.1654C9.85719 12.3254 10.3658 12.4111 10.8972 12.4111Z" fill="url(#paint8_linear)"/> <path d="M12.0057 13.0398C14.8176 13.0398 17.0972 10.7603 17.0972 7.94836C17.0972 5.13644 14.8176 2.85693 12.0057 2.85693C9.19382 2.85693 6.91431 5.13644 6.91431 7.94836C6.91431 10.7603 9.19382 13.0398 12.0057 13.0398Z" fill="url(#paint9_radial)"/> <path opacity="0.24" d="M12.9771 4.11996C13.5028 4.92567 12.8628 6.27424 11.5485 7.1371C10.2342 7.99996 8.74281 8.03996 8.2171 7.23996C7.69138 6.43996 8.33138 5.08567 9.64567 4.22282C10.96 3.35996 12.4514 3.31424 12.9771 4.11996Z" fill="url(#paint10_radial)"/> <path d="M12.0057 10.1826C11.6743 10.1826 11.4 10.2626 11.4 10.354V12.9998C11.6 13.0226 11.8 13.034 12.0057 13.034C12.2115 13.034 12.4115 13.0226 12.6115 12.9998V10.354C12.6057 10.2569 12.3372 10.1826 12.0057 10.1826Z" fill="url(#paint11_radial)"/> <path d="M12.0057 13.0398C14.8176 13.0398 17.0972 10.7603 17.0972 7.94836C17.0972 5.13644 14.8176 2.85693 12.0057 2.85693C9.19382 2.85693 6.91431 5.13644 6.91431 7.94836C6.91431 10.7603 9.19382 13.0398 12.0057 13.0398Z" fill="url(#paint12_radial)"/> <path d="M8.72002 11.8343C9.19431 11.9886 9.70288 12.0743 10.2286 12.0743C10.6743 12.0743 11.1086 12.0114 11.52 11.8971C9.32002 11.2686 7.70859 9.24569 7.70859 6.83998C7.70859 5.99427 7.90859 5.19427 8.26859 4.47998C7.42859 5.39998 6.91431 6.61141 6.91431 7.94855C6.91431 9.81712 7.92574 11.4571 9.42859 12.3371C9.17716 12.1886 8.94288 12.0228 8.72002 11.8343Z" fill="url(#paint13_linear)"/> <defs> <linearGradient id="paint0_linear" x1="8.19739" y1="17.2049" x2="16.3089" y2="14.2165" gradientUnits="userSpaceOnUse"> <stop stop-color="#939FA1"/> <stop offset="0.1854" stop-color="#8E999B"/> <stop offset="0.4439" stop-color="#7F8788"/> <stop offset="0.7438" stop-color="#666B6B"/> <stop offset="1" stop-color="#4D4D4C"/> </linearGradient> <radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.9383 16.7505) rotate(89.2772) scale(5.1238 0.716072)"> <stop stop-color="#DEE7E8" stop-opacity="0.5"/> <stop offset="0.9111" stop-color="#DEE7E8" stop-opacity="0"/> </radialGradient> <linearGradient id="paint2_linear" x1="12.201" y1="15.8297" x2="11.7215" y2="9.6841" gradientUnits="userSpaceOnUse"> <stop stop-opacity="0"/> <stop offset="1"/> </linearGradient> <radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.4471 7.83384) scale(5.56593)"> <stop stop-color="#FC5B54"/> <stop offset="0.2984" stop-color="#FC554E"/> <stop offset="0.7134" stop-color="#FA433F"/> <stop offset="1" stop-color="#F93230"/> </radialGradient> <linearGradient id="paint4_linear" x1="10.273" y1="9.34783" x2="19.3301" y2="3.19122" gradientUnits="userSpaceOnUse"> <stop offset="0.0322279" stop-color="#FEBCB9" stop-opacity="0"/> <stop offset="1" stop-color="#FF1C1C"/> </linearGradient> <linearGradient id="paint5_linear" x1="12.9756" y1="9.21777" x2="16.6696" y2="13.8147" gradientUnits="userSpaceOnUse"> <stop stop-color="#FF5C5C" stop-opacity="0"/> <stop offset="1" stop-color="#FF0000"/> </linearGradient> <radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.31653 3.28708) scale(11.5072)"> <stop stop-color="#FF9696"/> <stop offset="0.9987" stop-color="#C20000" stop-opacity="0"/> </radialGradient> <radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.476 2.11601) scale(8.42131)"> <stop stop-color="#FF0000"/> <stop offset="1" stop-color="#FF5C5C" stop-opacity="0"/> </radialGradient> <linearGradient id="paint8_linear" x1="8.89909" y1="6.2294" x2="21.8889" y2="16.8798" gradientUnits="userSpaceOnUse"> <stop stop-color="#FEBCB9" stop-opacity="0"/> <stop offset="1" stop-color="#FC5B54"/> </linearGradient> <radialGradient id="paint9_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.0354 5.89131) scale(7.96278)"> <stop stop-color="#FF3838" stop-opacity="0"/> <stop offset="0.2302" stop-color="#F93232" stop-opacity="0.1727"/> <stop offset="0.5512" stop-color="#E62121" stop-opacity="0.4134"/> <stop offset="0.9239" stop-color="#C90606" stop-opacity="0.6929"/> <stop offset="1" stop-color="#C20000" stop-opacity="0.75"/> </radialGradient> <radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.5776 5.68096) rotate(-32.7373) scale(2.81203 1.59331)"> <stop stop-color="white"/> <stop offset="1" stop-color="white" stop-opacity="0"/> </radialGradient> <radialGradient id="paint11_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.17657 16.5639) scale(9.43868)"> <stop stop-color="#FF3838" stop-opacity="0"/> <stop offset="0.2302" stop-color="#F93232" stop-opacity="0.1727"/> <stop offset="0.5512" stop-color="#E62121" stop-opacity="0.4134"/> <stop offset="0.9239" stop-color="#C90606" stop-opacity="0.6929"/> <stop offset="1" stop-color="#C20000" stop-opacity="0.75"/> </radialGradient> <radialGradient id="paint12_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.9148 7.82326) scale(5.27417)"> <stop offset="0.873" stop-color="#C20000" stop-opacity="0"/> <stop offset="0.9025" stop-color="#BC0101" stop-opacity="0.1745"/> <stop offset="0.9437" stop-color="#A90302" stop-opacity="0.4178"/> <stop offset="0.9916" stop-color="#8C0705" stop-opacity="0.7004"/> <stop offset="1" stop-color="#860805" stop-opacity="0.75"/> </radialGradient> <linearGradient id="paint13_linear" x1="9.86398" y1="7.29488" x2="7.01826" y2="17.337" gradientUnits="userSpaceOnUse"> <stop stop-color="#F78174" stop-opacity="0"/> <stop offset="1" stop-color="#F78174"/> </linearGradient> </defs> </svg>
  • Sensa
  • PD
  • 17 просмотров
  • 5 скачиваний