instagram logo
instagram from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
instagram-fillAkar Iconsinstagram-filledAnt Design IconsinstagramBootstrap IconsinstagramCoreUI BrandsinstagramFont Awesome 6 BrandsinstagramFont Awesome BrandsinstagramFeather Iconsinstagram-solidFlowbite Iconsinstagramcss.gginstagramHuge IconsinstagramIconParkinstagramIconPark OutlineinstagramIconPark SolidinstagramIconPark TwoToneinstagramIconoirinstagramJam IconsinstagramLine AwesomeinstagramMaterial Line IconsinstagramSVG LogosinstagramLucideinstagramMaterial Design Iconsinstagram-fillMingCute IconinstagramMyna UI IconsinstagramOpenMoji
Related icons in Boxicons Brands
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="M11.999 7.377a4.623 4.623 0 1 0 0 9.248a4.623 4.623 0 0 0 0-9.248m0 7.627a3.004 3.004 0 1 1 0-6.008a3.004 3.004 0 0 1 0 6.008m4.807-8.875a1.078 1.078 0 1 0 0 2.156a1.078 1.078 0 1 0 0-2.156"/><path fill="currentColor" d="M20.533 6.111A4.6 4.6 0 0 0 17.9 3.479a6.6 6.6 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.6 6.6 0 0 0-2.184.42a4.6 4.6 0 0 0-2.633 2.632a6.6 6.6 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71s0 2.753.056 3.71c.015.748.156 1.486.419 2.187a4.6 4.6 0 0 0 2.634 2.632a6.6 6.6 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.6 6.6 0 0 0 2.186-.419a4.6 4.6 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186c.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.6 6.6 0 0 0-.421-2.217m-1.218 9.532a5 5 0 0 1-.311 1.688a3 3 0 0 1-1.712 1.711a5 5 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055c-2.438 0-2.687 0-3.655-.055a5 5 0 0 1-1.669-.311a3 3 0 0 1-1.719-1.711a5.1 5.1 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654s0-2.686.053-3.655a5 5 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5 5 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a5 5 0 0 1 1.67.311a3 3 0 0 1 1.712 1.712a5.1 5.1 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655s0 2.698-.043 3.654z"/></svg>
React
import type { SVGProps } from "react";
export function BxlInstagram(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="M11.999 7.377a4.623 4.623 0 1 0 0 9.248a4.623 4.623 0 0 0 0-9.248m0 7.627a3.004 3.004 0 1 1 0-6.008a3.004 3.004 0 0 1 0 6.008m4.807-8.875a1.078 1.078 0 1 0 0 2.156a1.078 1.078 0 1 0 0-2.156"/><path fill="currentColor" d="M20.533 6.111A4.6 4.6 0 0 0 17.9 3.479a6.6 6.6 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.6 6.6 0 0 0-2.184.42a4.6 4.6 0 0 0-2.633 2.632a6.6 6.6 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71s0 2.753.056 3.71c.015.748.156 1.486.419 2.187a4.6 4.6 0 0 0 2.634 2.632a6.6 6.6 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.6 6.6 0 0 0 2.186-.419a4.6 4.6 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186c.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.6 6.6 0 0 0-.421-2.217m-1.218 9.532a5 5 0 0 1-.311 1.688a3 3 0 0 1-1.712 1.711a5 5 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055c-2.438 0-2.687 0-3.655-.055a5 5 0 0 1-1.669-.311a3 3 0 0 1-1.719-1.711a5.1 5.1 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654s0-2.686.053-3.655a5 5 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5 5 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a5 5 0 0 1 1.67.311a3 3 0 0 1 1.712 1.712a5.1 5.1 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655s0 2.698-.043 3.654z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.999 7.377a4.623 4.623 0 1 0 0 9.248a4.623 4.623 0 0 0 0-9.248m0 7.627a3.004 3.004 0 1 1 0-6.008a3.004 3.004 0 0 1 0 6.008m4.807-8.875a1.078 1.078 0 1 0 0 2.156a1.078 1.078 0 1 0 0-2.156"/><path fill="currentColor" d="M20.533 6.111A4.6 4.6 0 0 0 17.9 3.479a6.6 6.6 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.6 6.6 0 0 0-2.184.42a4.6 4.6 0 0 0-2.633 2.632a6.6 6.6 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71s0 2.753.056 3.71c.015.748.156 1.486.419 2.187a4.6 4.6 0 0 0 2.634 2.632a6.6 6.6 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.6 6.6 0 0 0 2.186-.419a4.6 4.6 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186c.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.6 6.6 0 0 0-.421-2.217m-1.218 9.532a5 5 0 0 1-.311 1.688a3 3 0 0 1-1.712 1.711a5 5 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055c-2.438 0-2.687 0-3.655-.055a5 5 0 0 1-1.669-.311a3 3 0 0 1-1.719-1.711a5.1 5.1 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654s0-2.686.053-3.655a5 5 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5 5 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a5 5 0 0 1 1.67.311a3 3 0 0 1 1.712 1.712a5.1 5.1 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655s0 2.698-.043 3.654z"/></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%22M11.999%207.377a4.623%204.623%200%201%200%200%209.248a4.623%204.623%200%200%200%200-9.248m0%207.627a3.004%203.004%200%201%201%200-6.008a3.004%203.004%200%200%201%200%206.008m4.807-8.875a1.078%201.078%200%201%200%200%202.156a1.078%201.078%200%201%200%200-2.156%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.533%206.111A4.6%204.6%200%200%200%2017.9%203.479a6.6%206.6%200%200%200-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755%200-3.71.054a6.6%206.6%200%200%200-2.184.42a4.6%204.6%200%200%200-2.633%202.632a6.6%206.6%200%200%200-.419%202.186c-.043.962-.056%201.267-.056%203.71s0%202.753.056%203.71c.015.748.156%201.486.419%202.187a4.6%204.6%200%200%200%202.634%202.632a6.6%206.6%200%200%200%202.185.45c.963.042%201.268.055%203.71.055s2.755%200%203.71-.055a6.6%206.6%200%200%200%202.186-.419a4.6%204.6%200%200%200%202.633-2.633c.263-.7.404-1.438.419-2.186c.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.6%206.6%200%200%200-.421-2.217m-1.218%209.532a5%205%200%200%201-.311%201.688a3%203%200%200%201-1.712%201.711a5%205%200%200%201-1.67.311c-.95.044-1.218.055-3.654.055c-2.438%200-2.687%200-3.655-.055a5%205%200%200%201-1.669-.311a3%203%200%200%201-1.719-1.711a5.1%205.1%200%200%201-.311-1.669c-.043-.95-.053-1.218-.053-3.654s0-2.686.053-3.655a5%205%200%200%201%20.311-1.687c.305-.789.93-1.41%201.719-1.712a5%205%200%200%201%201.669-.311c.951-.043%201.218-.055%203.655-.055s2.687%200%203.654.055a5%205%200%200%201%201.67.311a3%203%200%200%201%201.712%201.712a5.1%205.1%200%200%201%20.311%201.669c.043.951.054%201.218.054%203.655s0%202.698-.043%203.654z%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%22M11.999%207.377a4.623%204.623%200%201%200%200%209.248a4.623%204.623%200%200%200%200-9.248m0%207.627a3.004%203.004%200%201%201%200-6.008a3.004%203.004%200%200%201%200%206.008m4.807-8.875a1.078%201.078%200%201%200%200%202.156a1.078%201.078%200%201%200%200-2.156%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.533%206.111A4.6%204.6%200%200%200%2017.9%203.479a6.6%206.6%200%200%200-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755%200-3.71.054a6.6%206.6%200%200%200-2.184.42a4.6%204.6%200%200%200-2.633%202.632a6.6%206.6%200%200%200-.419%202.186c-.043.962-.056%201.267-.056%203.71s0%202.753.056%203.71c.015.748.156%201.486.419%202.187a4.6%204.6%200%200%200%202.634%202.632a6.6%206.6%200%200%200%202.185.45c.963.042%201.268.055%203.71.055s2.755%200%203.71-.055a6.6%206.6%200%200%200%202.186-.419a4.6%204.6%200%200%200%202.633-2.633c.263-.7.404-1.438.419-2.186c.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.6%206.6%200%200%200-.421-2.217m-1.218%209.532a5%205%200%200%201-.311%201.688a3%203%200%200%201-1.712%201.711a5%205%200%200%201-1.67.311c-.95.044-1.218.055-3.654.055c-2.438%200-2.687%200-3.655-.055a5%205%200%200%201-1.669-.311a3%203%200%200%201-1.719-1.711a5.1%205.1%200%200%201-.311-1.669c-.043-.95-.053-1.218-.053-3.654s0-2.686.053-3.655a5%205%200%200%201%20.311-1.687c.305-.789.93-1.41%201.719-1.712a5%205%200%200%201%201.669-.311c.951-.043%201.218-.055%203.655-.055s2.687%200%203.654.055a5%205%200%200%201%201.67.311a3%203%200%200%201%201.712%201.712a5.1%205.1%200%200%201%20.311%201.669c.043.951.054%201.218.054%203.655s0%202.698-.043%203.654z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/instagram.svg?color=%231a73e8&size=48
