instagram icon

instagram from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.

Name
instagram
Set
Unicons
Style
Line
Category
Brand Logos
Viewbox
24×24
License
Apache 2.0

The same icon in other sets

instagram-fillAkar Iconsinstagram-filledAnt Design IconsinstagramBootstrap IconsinstagramBoxicons BrandsinstagramCoreUI BrandsinstagramFont Awesome 6 BrandsinstagramFont Awesome BrandsinstagramFeather Iconsinstagram-solidFlowbite Iconsinstagramcss.gginstagramHuge IconsinstagramIconParkinstagramIconPark OutlineinstagramIconPark SolidinstagramIconPark TwoToneinstagramIconoirinstagramJam IconsinstagramLine AwesomeinstagramMaterial Line IconsinstagramSVG LogosinstagramLucideinstagramMaterial Design Iconsinstagram-fillMingCute IconinstagramMyna UI Icons

More brand logos icons from Unicons

500pxadobeadobe-altamazonandroidandroid-altappleapple-altbehancebehance-altbingbitcoinbitcoin-altblack-berrybloggerblogger-altcss3-simplediscorddockerdribbbledropboxfacebookfacebook-ffacebook-messenger

Use the instagram icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.34 5.46a1.2 1.2 0 1 0 1.2 1.2a1.2 1.2 0 0 0-1.2-1.2m4.6 2.42a7.6 7.6 0 0 0-.46-2.43a4.9 4.9 0 0 0-1.16-1.77a4.7 4.7 0 0 0-1.77-1.15a7.3 7.3 0 0 0-2.43-.47C15.06 2 14.72 2 12 2s-3.06 0-4.12.06a7.3 7.3 0 0 0-2.43.47a4.8 4.8 0 0 0-1.77 1.15a4.7 4.7 0 0 0-1.15 1.77a7.3 7.3 0 0 0-.47 2.43C2 8.94 2 9.28 2 12s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43a4.7 4.7 0 0 0 1.15 1.77a4.8 4.8 0 0 0 1.77 1.15a7.3 7.3 0 0 0 2.43.47C8.94 22 9.28 22 12 22s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47a4.7 4.7 0 0 0 1.77-1.15a4.85 4.85 0 0 0 1.16-1.77a7.6 7.6 0 0 0 .46-2.43c0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12M20.14 16a5.6 5.6 0 0 1-.34 1.86a3.06 3.06 0 0 1-.75 1.15a3.2 3.2 0 0 1-1.15.75a5.6 5.6 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.7 5.7 0 0 1-1.94-.3a3.3 3.3 0 0 1-1.1-.75a3 3 0 0 1-.74-1.15a5.5 5.5 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.5 5.5 0 0 1 .35-1.9A3 3 0 0 1 5 5a3.1 3.1 0 0 1 1.1-.8A5.7 5.7 0 0 1 8 3.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.6 5.6 0 0 1 1.86.34a3.06 3.06 0 0 1 1.19.8a3.1 3.1 0 0 1 .75 1.1a5.6 5.6 0 0 1 .34 1.9c.05 1 .06 1.37.06 4s-.01 3-.06 4M12 6.87A5.13 5.13 0 1 0 17.14 12A5.12 5.12 0 0 0 12 6.87m0 8.46A3.33 3.33 0 1 1 15.33 12A3.33 3.33 0 0 1 12 15.33"/></svg>

React

import type { SVGProps } from "react";

export function UilInstagram(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.34 5.46a1.2 1.2 0 1 0 1.2 1.2a1.2 1.2 0 0 0-1.2-1.2m4.6 2.42a7.6 7.6 0 0 0-.46-2.43a4.9 4.9 0 0 0-1.16-1.77a4.7 4.7 0 0 0-1.77-1.15a7.3 7.3 0 0 0-2.43-.47C15.06 2 14.72 2 12 2s-3.06 0-4.12.06a7.3 7.3 0 0 0-2.43.47a4.8 4.8 0 0 0-1.77 1.15a4.7 4.7 0 0 0-1.15 1.77a7.3 7.3 0 0 0-.47 2.43C2 8.94 2 9.28 2 12s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43a4.7 4.7 0 0 0 1.15 1.77a4.8 4.8 0 0 0 1.77 1.15a7.3 7.3 0 0 0 2.43.47C8.94 22 9.28 22 12 22s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47a4.7 4.7 0 0 0 1.77-1.15a4.85 4.85 0 0 0 1.16-1.77a7.6 7.6 0 0 0 .46-2.43c0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12M20.14 16a5.6 5.6 0 0 1-.34 1.86a3.06 3.06 0 0 1-.75 1.15a3.2 3.2 0 0 1-1.15.75a5.6 5.6 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.7 5.7 0 0 1-1.94-.3a3.3 3.3 0 0 1-1.1-.75a3 3 0 0 1-.74-1.15a5.5 5.5 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.5 5.5 0 0 1 .35-1.9A3 3 0 0 1 5 5a3.1 3.1 0 0 1 1.1-.8A5.7 5.7 0 0 1 8 3.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.6 5.6 0 0 1 1.86.34a3.06 3.06 0 0 1 1.19.8a3.1 3.1 0 0 1 .75 1.1a5.6 5.6 0 0 1 .34 1.9c.05 1 .06 1.37.06 4s-.01 3-.06 4M12 6.87A5.13 5.13 0 1 0 17.14 12A5.12 5.12 0 0 0 12 6.87m0 8.46A3.33 3.33 0 1 1 15.33 12A3.33 3.33 0 0 1 12 15.33"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.34 5.46a1.2 1.2 0 1 0 1.2 1.2a1.2 1.2 0 0 0-1.2-1.2m4.6 2.42a7.6 7.6 0 0 0-.46-2.43a4.9 4.9 0 0 0-1.16-1.77a4.7 4.7 0 0 0-1.77-1.15a7.3 7.3 0 0 0-2.43-.47C15.06 2 14.72 2 12 2s-3.06 0-4.12.06a7.3 7.3 0 0 0-2.43.47a4.8 4.8 0 0 0-1.77 1.15a4.7 4.7 0 0 0-1.15 1.77a7.3 7.3 0 0 0-.47 2.43C2 8.94 2 9.28 2 12s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43a4.7 4.7 0 0 0 1.15 1.77a4.8 4.8 0 0 0 1.77 1.15a7.3 7.3 0 0 0 2.43.47C8.94 22 9.28 22 12 22s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47a4.7 4.7 0 0 0 1.77-1.15a4.85 4.85 0 0 0 1.16-1.77a7.6 7.6 0 0 0 .46-2.43c0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12M20.14 16a5.6 5.6 0 0 1-.34 1.86a3.06 3.06 0 0 1-.75 1.15a3.2 3.2 0 0 1-1.15.75a5.6 5.6 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.7 5.7 0 0 1-1.94-.3a3.3 3.3 0 0 1-1.1-.75a3 3 0 0 1-.74-1.15a5.5 5.5 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.5 5.5 0 0 1 .35-1.9A3 3 0 0 1 5 5a3.1 3.1 0 0 1 1.1-.8A5.7 5.7 0 0 1 8 3.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.6 5.6 0 0 1 1.86.34a3.06 3.06 0 0 1 1.19.8a3.1 3.1 0 0 1 .75 1.1a5.6 5.6 0 0 1 .34 1.9c.05 1 .06 1.37.06 4s-.01 3-.06 4M12 6.87A5.13 5.13 0 1 0 17.14 12A5.12 5.12 0 0 0 12 6.87m0 8.46A3.33 3.33 0 1 1 15.33 12A3.33 3.33 0 0 1 12 15.33"/></svg>
</template>

CSS

.icon-instagram {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.34%205.46a1.2%201.2%200%201%200%201.2%201.2a1.2%201.2%200%200%200-1.2-1.2m4.6%202.42a7.6%207.6%200%200%200-.46-2.43a4.9%204.9%200%200%200-1.16-1.77a4.7%204.7%200%200%200-1.77-1.15a7.3%207.3%200%200%200-2.43-.47C15.06%202%2014.72%202%2012%202s-3.06%200-4.12.06a7.3%207.3%200%200%200-2.43.47a4.8%204.8%200%200%200-1.77%201.15a4.7%204.7%200%200%200-1.15%201.77a7.3%207.3%200%200%200-.47%202.43C2%208.94%202%209.28%202%2012s0%203.06.06%204.12a7.3%207.3%200%200%200%20.47%202.43a4.7%204.7%200%200%200%201.15%201.77a4.8%204.8%200%200%200%201.77%201.15a7.3%207.3%200%200%200%202.43.47C8.94%2022%209.28%2022%2012%2022s3.06%200%204.12-.06a7.3%207.3%200%200%200%202.43-.47a4.7%204.7%200%200%200%201.77-1.15a4.85%204.85%200%200%200%201.16-1.77a7.6%207.6%200%200%200%20.46-2.43c0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12M20.14%2016a5.6%205.6%200%200%201-.34%201.86a3.06%203.06%200%200%201-.75%201.15a3.2%203.2%200%200%201-1.15.75a5.6%205.6%200%200%201-1.86.34c-1%20.05-1.37.06-4%20.06s-3%200-4-.06a5.7%205.7%200%200%201-1.94-.3a3.3%203.3%200%200%201-1.1-.75a3%203%200%200%201-.74-1.15a5.5%205.5%200%200%201-.4-1.9c0-1-.06-1.37-.06-4s0-3%20.06-4a5.5%205.5%200%200%201%20.35-1.9A3%203%200%200%201%205%205a3.1%203.1%200%200%201%201.1-.8A5.7%205.7%200%200%201%208%203.86c1%200%201.37-.06%204-.06s3%200%204%20.06a5.6%205.6%200%200%201%201.86.34a3.06%203.06%200%200%201%201.19.8a3.1%203.1%200%200%201%20.75%201.1a5.6%205.6%200%200%201%20.34%201.9c.05%201%20.06%201.37.06%204s-.01%203-.06%204M12%206.87A5.13%205.13%200%201%200%2017.14%2012A5.12%205.12%200%200%200%2012%206.87m0%208.46A3.33%203.33%200%201%201%2015.33%2012A3.33%203.33%200%200%201%2012%2015.33%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.34%205.46a1.2%201.2%200%201%200%201.2%201.2a1.2%201.2%200%200%200-1.2-1.2m4.6%202.42a7.6%207.6%200%200%200-.46-2.43a4.9%204.9%200%200%200-1.16-1.77a4.7%204.7%200%200%200-1.77-1.15a7.3%207.3%200%200%200-2.43-.47C15.06%202%2014.72%202%2012%202s-3.06%200-4.12.06a7.3%207.3%200%200%200-2.43.47a4.8%204.8%200%200%200-1.77%201.15a4.7%204.7%200%200%200-1.15%201.77a7.3%207.3%200%200%200-.47%202.43C2%208.94%202%209.28%202%2012s0%203.06.06%204.12a7.3%207.3%200%200%200%20.47%202.43a4.7%204.7%200%200%200%201.15%201.77a4.8%204.8%200%200%200%201.77%201.15a7.3%207.3%200%200%200%202.43.47C8.94%2022%209.28%2022%2012%2022s3.06%200%204.12-.06a7.3%207.3%200%200%200%202.43-.47a4.7%204.7%200%200%200%201.77-1.15a4.85%204.85%200%200%200%201.16-1.77a7.6%207.6%200%200%200%20.46-2.43c0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12M20.14%2016a5.6%205.6%200%200%201-.34%201.86a3.06%203.06%200%200%201-.75%201.15a3.2%203.2%200%200%201-1.15.75a5.6%205.6%200%200%201-1.86.34c-1%20.05-1.37.06-4%20.06s-3%200-4-.06a5.7%205.7%200%200%201-1.94-.3a3.3%203.3%200%200%201-1.1-.75a3%203%200%200%201-.74-1.15a5.5%205.5%200%200%201-.4-1.9c0-1-.06-1.37-.06-4s0-3%20.06-4a5.5%205.5%200%200%201%20.35-1.9A3%203%200%200%201%205%205a3.1%203.1%200%200%201%201.1-.8A5.7%205.7%200%200%201%208%203.86c1%200%201.37-.06%204-.06s3%200%204%20.06a5.6%205.6%200%200%201%201.86.34a3.06%203.06%200%200%201%201.19.8a3.1%203.1%200%200%201%20.75%201.1a5.6%205.6%200%200%201%20.34%201.9c.05%201%20.06%201.37.06%204s-.01%203-.06%204M12%206.87A5.13%205.13%200%201%200%2017.14%2012A5.12%205.12%200%200%200%2012%206.87m0%208.46A3.33%203.33%200%201%201%2015.33%2012A3.33%203.33%200%200%201%2012%2015.33%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/instagram.svg?color=%231a73e8&size=48