Instagram Circle Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Instagram Circle icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310464.svg" alt="Instagram Circle icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310464.svg" alt="Instagram Circle icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310464.svg" alt="Instagram Circle icon" :width="24" :height="24" />
CSS background
.icon-instagram-circle {
background-image: url('https://proicons.com/icon/310464.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.6092 12.2429C13.6031 12.5595 13.5031 12.8672 13.3219 13.127C13.1408 13.3867 12.8865 13.5868 12.5915 13.7019C12.2965 13.817 11.9739 13.8419 11.6647 13.7734C11.3555 13.705 11.0736 13.5463 10.8547 13.3174C10.6358 13.0886 10.4898 12.7999 10.4351 12.488C10.3805 12.176 10.4197 11.8549 10.5478 11.5653C10.6758 11.2756 10.887 11.0305 11.1546 10.8611C11.4221 10.6916 11.7339 10.6054 12.0505 10.6134C12.4712 10.6291 12.8691 10.8081 13.1601 11.1123C13.4511 11.4165 13.6121 11.822 13.6092 12.2429Z" fill="url(#paint0_linear_1120_10)"/> <path d="M14.7631 7.23279H9.33798C8.80111 7.23279 8.28622 7.44606 7.90659 7.82569C7.52696 8.20532 7.31369 8.7202 7.31369 9.25708V14.8036C7.31369 15.3405 7.52696 15.8554 7.90659 16.235C8.28622 16.6147 8.80111 16.8279 9.33798 16.8279H14.7631C15.3 16.8279 15.8148 16.6147 16.1945 16.235C16.5741 15.8554 16.7874 15.3405 16.7874 14.8036V9.2672C16.7887 9.00052 16.7373 8.7362 16.6362 8.48943C16.5351 8.24266 16.3862 8.01831 16.1981 7.82926C16.01 7.64022 15.7863 7.4902 15.5401 7.38784C15.2938 7.28548 15.0298 7.23278 14.7631 7.23279ZM12.0505 14.9555C11.5136 14.9675 10.9853 14.8193 10.533 14.5298C10.0806 14.2403 9.72482 13.8226 9.51094 13.33C9.29705 12.8374 9.2348 12.2922 9.33211 11.764C9.42942 11.2359 9.6819 10.7487 10.0573 10.3646C10.4327 9.9806 10.914 9.71713 11.4398 9.60783C11.9657 9.49854 12.5121 9.5484 13.0095 9.75103C13.5068 9.95366 13.9325 10.2999 14.2322 10.7455C14.5319 11.1912 14.6921 11.716 14.6922 12.253C14.6962 12.6039 14.6311 12.9522 14.5005 13.2779C14.3699 13.6036 14.1764 13.9005 13.9311 14.1514C13.6858 14.4024 13.3935 14.6025 13.0708 14.7405C12.7481 14.8784 12.4014 14.9515 12.0505 14.9555ZM14.9858 9.5506C14.9198 9.55062 14.8544 9.53746 14.7936 9.51191C14.7328 9.48635 14.6776 9.44891 14.6314 9.40178C14.5852 9.35465 14.5489 9.29878 14.5246 9.23743C14.5003 9.17609 14.4885 9.1105 14.4898 9.04453C14.4898 8.91031 14.5431 8.78159 14.638 8.68668C14.7329 8.59177 14.8617 8.53846 14.9959 8.53846C15.1301 8.53846 15.2588 8.59177 15.3537 8.68668C15.4486 8.78159 15.5019 8.91031 15.5019 9.04453C15.5039 9.11594 15.4905 9.18695 15.4625 9.25268C15.4345 9.31841 15.3927 9.37732 15.3398 9.42538C15.2869 9.47344 15.2243 9.50951 15.1562 9.53112C15.0881 9.55273 15.0162 9.55938 14.9453 9.5506H14.9858Z" fill="url(#paint1_linear_1120_10)"/> <path d="M12.0505 2.00001C10.0723 1.99001 8.13559 2.56697 6.48535 3.6579C4.83511 4.74883 3.54551 6.3047 2.7797 8.1287C2.01389 9.95269 1.80628 11.9628 2.18313 13.9048C2.55998 15.8469 3.50435 17.6335 4.89679 19.0386C6.28922 20.4438 8.06715 21.4044 10.0056 21.799C11.9441 22.1935 13.9561 22.0042 15.787 21.2551C17.6179 20.5059 19.1854 19.2306 20.2914 17.5903C21.3973 15.9501 21.9919 14.0187 21.9999 12.0405C22.0107 9.39006 20.9688 6.84378 19.1032 4.96111C17.2376 3.07844 14.7009 2.0134 12.0505 2.00001ZM18.1234 14.7024C18.1261 15.1511 18.0397 15.5959 17.8692 16.0109C17.6988 16.426 17.4476 16.803 17.1304 17.1203C16.8131 17.4376 16.436 17.6887 16.0209 17.8592C15.6059 18.0297 15.1612 18.116 14.7125 18.1134H9.38858C8.9399 18.116 8.49515 18.0297 8.08011 17.8592C7.66506 17.6887 7.28797 17.4376 6.9707 17.1203C6.65343 16.803 6.40229 16.426 6.23182 16.0109C6.06136 15.5959 5.97497 15.1511 5.97765 14.7024V9.37855C5.97497 8.92987 6.06136 8.48511 6.23182 8.07007C6.40229 7.65502 6.65343 7.27794 6.9707 6.96066C7.28797 6.64339 7.66506 6.39225 8.08011 6.22179C8.49515 6.05132 8.9399 5.96493 9.38858 5.96762H14.7125C15.1612 5.96493 15.6059 6.05132 16.0209 6.22179C16.436 6.39225 16.8131 6.64339 17.1304 6.96066C17.4476 7.27794 17.6988 7.65502 17.8692 8.07007C18.0397 8.48511 18.1261 8.92987 18.1234 9.37855V14.7024Z" fill="url(#paint2_linear_1120_10)"/> <defs> <linearGradient id="paint0_linear_1120_10" x1="13.6093" y1="10.6129" x2="10.4111" y2="13.8112" gradientUnits="userSpaceOnUse"> <stop stop-color="#F64F50"/> <stop offset="1" stop-color="#FF6D42"/> </linearGradient> <linearGradient id="paint1_linear_1120_10" x1="16.7874" y1="7.23279" x2="7.31369" y2="16.8279" gradientUnits="userSpaceOnUse"> <stop stop-color="#E0437C"/> <stop offset="1" stop-color="#FFA14B"/> </linearGradient> <linearGradient id="paint2_linear_1120_10" x1="22" y1="1.60061" x2="2" y2="21.9999" gradientUnits="userSpaceOnUse"> <stop stop-color="#791CC9"/> <stop offset="0.24887" stop-color="#C938A8"/> <stop offset="0.546875" stop-color="#FE5340"/> <stop offset="0.953125" stop-color="#FFD854"/> </linearGradient> </defs> </svg>
Copied!