Home/Libraries/Radix Icons/instagram-logo

Radix Icons

InstagramLogoIcon

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" width="256" height="256" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 1C9.26509 1 9.4867 1.00731 10.1797 1.03906C10.8715 1.07051 11.3444 1.18027 11.7578 1.34082C12.1915 1.50406 12.5845 1.76013 12.9092 2.09082C13.2398 2.41549 13.496 2.80847 13.6592 3.24219C13.8199 3.65563 13.9294 4.12846 13.9609 4.82031C13.9926 5.51332 14 5.73492 14 7.5C14 9.26507 13.9926 9.48659 13.9609 10.1797C13.9294 10.8715 13.8199 11.3444 13.6592 11.7578C13.4922 12.1896 13.2365 12.5818 12.9092 12.9092C12.5818 13.2365 12.1896 13.4922 11.7578 13.6592C11.3444 13.8198 10.8715 13.9294 10.1797 13.9609C9.48678 13.9926 9.26498 14 7.5 14C5.73493 14 5.51349 13.9926 4.82031 13.9609C4.12846 13.9294 3.65566 13.8199 3.24219 13.6592C2.80849 13.496 2.41548 13.2398 2.09082 12.9092C1.76025 12.5846 1.505 12.1914 1.3418 11.7578C1.1811 11.3444 1.07064 10.8716 1.03906 10.1797C1.00731 9.4867 1 9.26508 1 7.5C1 5.7349 1.00731 5.51332 1.03906 4.82031C1.07051 4.12846 1.18027 3.65565 1.34082 3.24219C1.50409 2.80847 1.76011 2.41546 2.09082 2.09082C2.41549 1.76016 2.80847 1.50403 3.24219 1.34082C3.65563 1.18013 4.12845 1.07064 4.82031 1.03906C5.51335 1.00744 5.7349 1 7.5 1ZM7.5 2C6.00634 2 5.817 1.99668 5.23047 2.02344C4.76956 2.04447 4.23873 2.07184 3.81641 2.19922C3.39409 2.3266 3.06249 2.50001 2.71875 2.88281C2.37502 3.26561 2.26965 3.58288 2.17578 3.89453C2.07813 4.21875 2.04614 4.64896 2.01953 5.23438C2.00609 5.52775 2.00153 5.72077 2 6.02734V8.97266C2.00154 9.27916 2.00609 9.47226 2.01953 9.76562C2.04614 10.351 2.07813 10.7813 2.17578 11.1055C2.26965 11.4171 2.37503 11.7344 2.71875 12.1172C3.06248 12.5 3.39409 12.6734 3.81641 12.8008C4.23873 12.9282 4.76956 12.9555 5.23047 12.9766C5.817 13.0033 6.00634 13 7.5 13C8.99363 13 9.17916 13.0064 9.76562 12.9795C10.3511 12.9529 10.7812 12.9209 11.1055 12.8232C11.4171 12.7294 11.7344 12.624 12.1172 12.2803C12.4999 11.9366 12.6734 11.6049 12.8008 11.1826C12.9281 10.7603 12.9555 10.2293 12.9766 9.76855C13.0033 9.18237 13 8.99332 13 7.5C13 6.00665 13.0033 5.81696 12.9766 5.23047C12.9555 4.76964 12.9281 4.23863 12.8008 3.81641C12.6734 3.39424 12.4999 3.0624 12.1172 2.71875C11.7345 2.37517 11.4171 2.26964 11.1055 2.17578C10.7813 2.07817 10.3509 2.04614 9.76562 2.01953C9.17916 1.99266 8.99363 2 7.5 2ZM7.5 4.25C9.29471 4.25009 10.7499 5.70529 10.75 7.5C10.7499 9.29471 9.29471 10.7499 7.5 10.75C5.70527 10.7499 4.25009 9.29472 4.25 7.5C4.25008 5.70527 5.70527 4.25007 7.5 4.25ZM7.5 5.25C6.25756 5.25007 5.25008 6.25756 5.25 7.5C5.25009 8.74244 6.25756 9.74993 7.5 9.75C8.74242 9.74991 9.74991 8.74242 9.75 7.5C9.74992 6.25757 8.74243 5.25009 7.5 5.25ZM10.9697 3.28027C11.3839 3.28027 11.7197 3.61607 11.7197 4.03027C11.7197 4.44449 11.3839 4.78027 10.9697 4.78027C10.5555 4.78027 10.2197 4.44449 10.2197 4.03027C10.2197 3.61607 10.5555 3.28027 10.9697 3.28027Z" fill="#818cf8"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Dashboard

Analytics

Settings

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @radix-ui/react-icons) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. InstagramLogoIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.