Color

This icon uses multiple colors. Use the SVG Editor to customize it.

Open in SVG Editor

Mage Icons

Instagram Square Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Brand
Tags: instagram square

The Instagram Square 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/310465.svg" alt="Instagram Square icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310465.svg" alt="Instagram Square icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310465.svg"
  alt="Instagram Square icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-instagram-square {
  background-image: url('https://proicons.com/icon/310465.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.8233 12.234C13.8071 12.5838 13.6922 12.9219 13.4918 13.209C13.2904 13.5057 13.0003 13.731 12.663 13.8525C12.3292 13.9886 11.9617 14.0192 11.61 13.9403C11.2565 13.8647 10.9337 13.6847 10.6838 13.4235C10.4362 13.151 10.2735 12.8121 10.2158 12.4485C10.1505 12.096 10.1947 11.7319 10.3425 11.4053C10.4866 11.0775 10.724 10.7995 11.025 10.6058C11.3325 10.4152 11.687 10.3139 12.0488 10.3133C12.5256 10.3394 12.9749 10.5449 13.3065 10.8885C13.4782 11.0669 13.6124 11.2778 13.7011 11.5089C13.7899 11.74 13.8314 11.9866 13.8233 12.234Z" fill="url(#paint0_linear_1120_18)"/>
<path d="M17.265 8.00251C17.1512 7.72147 16.9821 7.46616 16.7677 7.25177C16.5533 7.03738 16.298 6.86827 16.017 6.75451C15.734 6.6439 15.4336 6.58448 15.1297 6.57901H8.96775C8.35828 6.58158 7.7745 6.82483 7.34353 7.25579C6.91256 7.68676 6.66931 8.27054 6.66675 8.88001V15.159C6.66718 15.4621 6.72772 15.762 6.84487 16.0415C6.96202 16.321 7.13346 16.5745 7.34925 16.7873C7.78005 17.2145 8.36105 17.456 8.96775 17.46H15.1297C15.7365 17.456 16.3174 17.2145 16.7482 16.7873C16.964 16.5745 17.1355 16.321 17.2526 16.0415C17.3698 15.762 17.4303 15.4621 17.4307 15.159V8.88976C17.4286 8.58652 17.3725 8.28608 17.265 8.00251ZM14.8275 13.443C14.6807 13.808 14.4619 14.1396 14.184 14.418C13.9033 14.7005 13.5727 14.9286 13.209 15.0908C12.8413 15.2452 12.4475 15.3279 12.0487 15.3345C11.592 15.3435 11.139 15.2507 10.7225 15.0631C10.306 14.8754 9.93649 14.5974 9.64066 14.2493C9.34483 13.9012 9.1301 13.4917 9.01204 13.0504C8.89397 12.6091 8.87551 12.1471 8.958 11.6978C9.07814 11.1002 9.36554 10.5491 9.78675 10.1085C10.2167 9.67755 10.7637 9.38224 11.3599 9.25919C11.9561 9.13613 12.5753 9.19075 13.1407 9.41626C13.7083 9.64548 14.1917 10.0437 14.5252 10.557C14.8625 11.0518 15.0457 11.6353 15.0517 12.234C15.066 12.6485 14.9894 13.0612 14.8275 13.443ZM15.9 8.62651C15.9105 8.705 15.904 8.78482 15.8811 8.86063C15.8582 8.93643 15.8194 9.00647 15.7673 9.06605C15.7151 9.12562 15.6508 9.17337 15.5787 9.20608C15.5066 9.23879 15.4283 9.25571 15.3491 9.25571C15.2699 9.25571 15.1917 9.23879 15.1196 9.20608C15.0474 9.17337 14.9831 9.12562 14.931 9.06605C14.8788 9.00647 14.84 8.93643 14.8171 8.86063C14.7942 8.78482 14.7878 8.705 14.7982 8.62651C14.7878 8.54802 14.7942 8.4682 14.8171 8.39239C14.84 8.31659 14.8788 8.24655 14.931 8.18697C14.9831 8.1274 15.0474 8.07965 15.1196 8.04694C15.1917 8.01423 15.2699 7.99731 15.3491 7.99731C15.4283 7.99731 15.5066 8.01423 15.5787 8.04694C15.6508 8.07965 15.7151 8.1274 15.7673 8.18697C15.8194 8.24655 15.8582 8.31659 15.8811 8.39239C15.904 8.4682 15.9105 8.54802 15.9 8.62651Z" fill="url(#paint1_linear_1120_18)"/>
<path d="M16.875 2.25H7.125C5.83207 2.25 4.59209 2.76361 3.67785 3.67785C2.76361 4.59209 2.25 5.83207 2.25 7.125V16.875C2.25 18.1679 2.76361 19.4079 3.67785 20.3221C4.59209 21.2364 5.83207 21.75 7.125 21.75H16.875C18.1679 21.75 19.4079 21.2364 20.3221 20.3221C21.2364 19.4079 21.75 18.1679 21.75 16.875V7.125C21.75 5.83207 21.2364 4.59209 20.3221 3.67785C19.4079 2.76361 18.1679 2.25 16.875 2.25ZM18.942 15.0615C18.9512 15.5729 18.8549 16.0807 18.6593 16.5533C18.2637 17.5007 17.5104 18.2539 16.563 18.6495C16.0904 18.8452 15.5826 18.9414 15.0712 18.9323H9.075C8.56368 18.9406 8.05605 18.8444 7.58325 18.6495C7.1146 18.4523 6.68776 18.1678 6.3255 17.811C5.96665 17.4504 5.6818 17.0232 5.487 16.5533C5.28129 16.0828 5.17507 15.5749 5.175 15.0615V9.0165C5.16665 8.50518 5.26287 7.99755 5.45775 7.52475C5.8445 6.57362 6.59073 5.81338 7.5345 5.409C8.02498 5.21821 8.549 5.12866 9.075 5.14575H15.12C15.6268 5.14127 16.1294 5.23816 16.5982 5.43071C17.067 5.62327 17.4926 5.9076 17.85 6.267C18.2068 6.62926 18.4913 7.0561 18.6885 7.52475C18.8834 7.99755 18.9796 8.50518 18.9713 9.0165L18.942 15.0615Z" fill="url(#paint2_linear_1120_18)"/>
<defs>
<linearGradient id="paint0_linear_1120_18" x1="13.8243" y1="10.3133" x2="10.1548" y2="13.9513" gradientUnits="userSpaceOnUse">
<stop stop-color="#F64F50"/>
<stop offset="1" stop-color="#FF6D42"/>
</linearGradient>
<linearGradient id="paint1_linear_1120_18" x1="17.4307" y1="6.57901" x2="6.68773" y2="17.4807" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0437C"/>
<stop offset="1" stop-color="#FFA14B"/>
</linearGradient>
<linearGradient id="paint2_linear_1120_18" x1="21.75" y1="1.86071" x2="2.25" y2="21.75" 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>

Instagram Square in other icon packs

Font Awesome Free (Desktop) Brand

Font Awesome Free (Web) Brand

Copied!

Instagram Square Icon

More from Mage Icons

Instagram Square in other icon packs