instagram logo

instagram from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
instagram
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

The same logo 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

Use the instagram logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.03.084c-1.277.06-2.149.264-2.91.563a5.9 5.9 0 0 0-2.124 1.388a5.9 5.9 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076s-.069 1.688-.063 4.947s.021 3.667.083 4.947c.061 1.277.264 2.149.563 2.911c.308.789.72 1.457 1.388 2.123a5.9 5.9 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552c1.278.056 1.689.069 4.947.063s3.668-.021 4.947-.082c1.28-.06 2.147-.265 2.91-.563a5.9 5.9 0 0 0 2.123-1.388a5.9 5.9 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912c.056-1.28.07-1.69.063-4.948c-.006-3.258-.02-3.667-.081-4.947c-.06-1.28-.264-2.148-.564-2.911a5.9 5.9 0 0 0-1.387-2.123a5.9 5.9 0 0 0-2.128-1.38c-.764-.294-1.636-.496-2.914-.55C15.647.009 15.236-.006 11.977 0S8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.7 3.7 0 0 1-1.382-.895a3.7 3.7 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228c-.06-1.264-.072-1.644-.08-4.848c-.006-3.204.006-3.583.061-4.848c.05-1.169.246-1.805.408-2.228c.216-.561.477-.96.895-1.382a3.7 3.7 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417c1.265-.06 1.644-.072 4.848-.08c3.203-.006 3.583.006 4.85.062c1.168.05 1.804.244 2.227.408c.56.216.96.475 1.382.895s.681.817.9 1.378c.165.422.362 1.056.417 2.227c.06 1.265.074 1.645.08 4.848c.005 3.203-.006 3.583-.061 4.848c-.051 1.17-.245 1.805-.408 2.23c-.216.56-.477.96-.896 1.38a3.7 3.7 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418c-1.266.06-1.645.072-4.85.079s-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442a1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024a6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16A4 4 0 0 1 8 12.008"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsInstagram(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="M7.03.084c-1.277.06-2.149.264-2.91.563a5.9 5.9 0 0 0-2.124 1.388a5.9 5.9 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076s-.069 1.688-.063 4.947s.021 3.667.083 4.947c.061 1.277.264 2.149.563 2.911c.308.789.72 1.457 1.388 2.123a5.9 5.9 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552c1.278.056 1.689.069 4.947.063s3.668-.021 4.947-.082c1.28-.06 2.147-.265 2.91-.563a5.9 5.9 0 0 0 2.123-1.388a5.9 5.9 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912c.056-1.28.07-1.69.063-4.948c-.006-3.258-.02-3.667-.081-4.947c-.06-1.28-.264-2.148-.564-2.911a5.9 5.9 0 0 0-1.387-2.123a5.9 5.9 0 0 0-2.128-1.38c-.764-.294-1.636-.496-2.914-.55C15.647.009 15.236-.006 11.977 0S8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.7 3.7 0 0 1-1.382-.895a3.7 3.7 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228c-.06-1.264-.072-1.644-.08-4.848c-.006-3.204.006-3.583.061-4.848c.05-1.169.246-1.805.408-2.228c.216-.561.477-.96.895-1.382a3.7 3.7 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417c1.265-.06 1.644-.072 4.848-.08c3.203-.006 3.583.006 4.85.062c1.168.05 1.804.244 2.227.408c.56.216.96.475 1.382.895s.681.817.9 1.378c.165.422.362 1.056.417 2.227c.06 1.265.074 1.645.08 4.848c.005 3.203-.006 3.583-.061 4.848c-.051 1.17-.245 1.805-.408 2.23c-.216.56-.477.96-.896 1.38a3.7 3.7 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418c-1.266.06-1.645.072-4.85.079s-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442a1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024a6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16A4 4 0 0 1 8 12.008"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.03.084c-1.277.06-2.149.264-2.91.563a5.9 5.9 0 0 0-2.124 1.388a5.9 5.9 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076s-.069 1.688-.063 4.947s.021 3.667.083 4.947c.061 1.277.264 2.149.563 2.911c.308.789.72 1.457 1.388 2.123a5.9 5.9 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552c1.278.056 1.689.069 4.947.063s3.668-.021 4.947-.082c1.28-.06 2.147-.265 2.91-.563a5.9 5.9 0 0 0 2.123-1.388a5.9 5.9 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912c.056-1.28.07-1.69.063-4.948c-.006-3.258-.02-3.667-.081-4.947c-.06-1.28-.264-2.148-.564-2.911a5.9 5.9 0 0 0-1.387-2.123a5.9 5.9 0 0 0-2.128-1.38c-.764-.294-1.636-.496-2.914-.55C15.647.009 15.236-.006 11.977 0S8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.7 3.7 0 0 1-1.382-.895a3.7 3.7 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228c-.06-1.264-.072-1.644-.08-4.848c-.006-3.204.006-3.583.061-4.848c.05-1.169.246-1.805.408-2.228c.216-.561.477-.96.895-1.382a3.7 3.7 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417c1.265-.06 1.644-.072 4.848-.08c3.203-.006 3.583.006 4.85.062c1.168.05 1.804.244 2.227.408c.56.216.96.475 1.382.895s.681.817.9 1.378c.165.422.362 1.056.417 2.227c.06 1.265.074 1.645.08 4.848c.005 3.203-.006 3.583-.061 4.848c-.051 1.17-.245 1.805-.408 2.23c-.216.56-.477.96-.896 1.38a3.7 3.7 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418c-1.266.06-1.645.072-4.85.079s-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442a1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024a6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16A4 4 0 0 1 8 12.008"/></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%22M7.03.084c-1.277.06-2.149.264-2.91.563a5.9%205.9%200%200%200-2.124%201.388a5.9%205.9%200%200%200-1.38%202.127C.321%204.926.12%205.8.064%207.076s-.069%201.688-.063%204.947s.021%203.667.083%204.947c.061%201.277.264%202.149.563%202.911c.308.789.72%201.457%201.388%202.123a5.9%205.9%200%200%200%202.129%201.38c.763.295%201.636.496%202.913.552c1.278.056%201.689.069%204.947.063s3.668-.021%204.947-.082c1.28-.06%202.147-.265%202.91-.563a5.9%205.9%200%200%200%202.123-1.388a5.9%205.9%200%200%200%201.38-2.129c.295-.763.496-1.636.551-2.912c.056-1.28.07-1.69.063-4.948c-.006-3.258-.02-3.667-.081-4.947c-.06-1.28-.264-2.148-.564-2.911a5.9%205.9%200%200%200-1.387-2.123a5.9%205.9%200%200%200-2.128-1.38c-.764-.294-1.636-.496-2.914-.55C15.647.009%2015.236-.006%2011.977%200S8.31.021%207.03.084m.14%2021.693c-1.17-.05-1.805-.245-2.228-.408a3.7%203.7%200%200%201-1.382-.895a3.7%203.7%200%200%201-.9-1.378c-.165-.423-.363-1.058-.417-2.228c-.06-1.264-.072-1.644-.08-4.848c-.006-3.204.006-3.583.061-4.848c.05-1.169.246-1.805.408-2.228c.216-.561.477-.96.895-1.382a3.7%203.7%200%200%201%201.379-.9c.423-.165%201.057-.361%202.227-.417c1.265-.06%201.644-.072%204.848-.08c3.203-.006%203.583.006%204.85.062c1.168.05%201.804.244%202.227.408c.56.216.96.475%201.382.895s.681.817.9%201.378c.165.422.362%201.056.417%202.227c.06%201.265.074%201.645.08%204.848c.005%203.203-.006%203.583-.061%204.848c-.051%201.17-.245%201.805-.408%202.23c-.216.56-.477.96-.896%201.38a3.7%203.7%200%200%201-1.378.9c-.422.165-1.058.362-2.226.418c-1.266.06-1.645.072-4.85.079s-3.582-.006-4.848-.06m9.783-16.192a1.44%201.44%200%201%200%201.437-1.442a1.44%201.44%200%200%200-1.437%201.442M5.839%2012.012a6.161%206.161%200%201%200%2012.323-.024a6.162%206.162%200%200%200-12.323.024M8%2012.008A4%204%200%201%201%2012.008%2016A4%204%200%200%201%208%2012.008%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%22M7.03.084c-1.277.06-2.149.264-2.91.563a5.9%205.9%200%200%200-2.124%201.388a5.9%205.9%200%200%200-1.38%202.127C.321%204.926.12%205.8.064%207.076s-.069%201.688-.063%204.947s.021%203.667.083%204.947c.061%201.277.264%202.149.563%202.911c.308.789.72%201.457%201.388%202.123a5.9%205.9%200%200%200%202.129%201.38c.763.295%201.636.496%202.913.552c1.278.056%201.689.069%204.947.063s3.668-.021%204.947-.082c1.28-.06%202.147-.265%202.91-.563a5.9%205.9%200%200%200%202.123-1.388a5.9%205.9%200%200%200%201.38-2.129c.295-.763.496-1.636.551-2.912c.056-1.28.07-1.69.063-4.948c-.006-3.258-.02-3.667-.081-4.947c-.06-1.28-.264-2.148-.564-2.911a5.9%205.9%200%200%200-1.387-2.123a5.9%205.9%200%200%200-2.128-1.38c-.764-.294-1.636-.496-2.914-.55C15.647.009%2015.236-.006%2011.977%200S8.31.021%207.03.084m.14%2021.693c-1.17-.05-1.805-.245-2.228-.408a3.7%203.7%200%200%201-1.382-.895a3.7%203.7%200%200%201-.9-1.378c-.165-.423-.363-1.058-.417-2.228c-.06-1.264-.072-1.644-.08-4.848c-.006-3.204.006-3.583.061-4.848c.05-1.169.246-1.805.408-2.228c.216-.561.477-.96.895-1.382a3.7%203.7%200%200%201%201.379-.9c.423-.165%201.057-.361%202.227-.417c1.265-.06%201.644-.072%204.848-.08c3.203-.006%203.583.006%204.85.062c1.168.05%201.804.244%202.227.408c.56.216.96.475%201.382.895s.681.817.9%201.378c.165.422.362%201.056.417%202.227c.06%201.265.074%201.645.08%204.848c.005%203.203-.006%203.583-.061%204.848c-.051%201.17-.245%201.805-.408%202.23c-.216.56-.477.96-.896%201.38a3.7%203.7%200%200%201-1.378.9c-.422.165-1.058.362-2.226.418c-1.266.06-1.645.072-4.85.079s-3.582-.006-4.848-.06m9.783-16.192a1.44%201.44%200%201%200%201.437-1.442a1.44%201.44%200%200%200-1.437%201.442M5.839%2012.012a6.161%206.161%200%201%200%2012.323-.024a6.162%206.162%200%200%200-12.323.024M8%2012.008A4%204%200%201%201%2012.008%2016A4%204%200%200%201%208%2012.008%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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