instagram icon
instagram-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- instagram-line
- Set
- Remix Icon
- Style
- Line
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
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 logos icons from Remix Icon
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="M12.001 9a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0-2a5 5 0 1 1 0 10a5 5 0 0 1 0-10m6.5-.25a1.25 1.25 0 0 1-2.5 0a1.25 1.25 0 0 1 2.5 0M12.001 4c-2.474 0-2.878.007-4.029.058c-.784.037-1.31.142-1.798.332a2.9 2.9 0 0 0-1.08.703a2.9 2.9 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.007 9.075 4 9.461 4 12c0 2.475.007 2.878.058 4.029c.037.783.142 1.31.331 1.797c.17.435.37.748.702 1.08c.337.336.65.537 1.08.703c.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.475 0 2.878-.007 4.029-.058c.782-.037 1.308-.142 1.797-.331a2.9 2.9 0 0 0 1.08-.703c.337-.336.538-.649.704-1.08c.19-.492.296-1.018.332-1.8c.052-1.103.058-1.49.058-4.028c0-2.474-.007-2.878-.058-4.029c-.037-.782-.143-1.31-.332-1.798a2.9 2.9 0 0 0-.703-1.08a2.9 2.9 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.926 4.006 14.54 4 12 4m0-2c2.717 0 3.056.01 4.123.06c1.064.05 1.79.217 2.427.465c.66.254 1.216.598 1.772 1.153a4.9 4.9 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.047 1.066.06 1.405.06 4.122s-.01 3.056-.06 4.122s-.218 1.79-.465 2.428a4.9 4.9 0 0 1-1.153 1.772a4.9 4.9 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465c-1.067.047-1.406.06-4.123.06s-3.056-.01-4.123-.06c-1.064-.05-1.789-.218-2.427-.465a4.9 4.9 0 0 1-1.772-1.153a4.9 4.9 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.012 15.056 2 14.717 2 12s.01-3.056.06-4.122s.217-1.79.465-2.428a4.9 4.9 0 0 1 1.153-1.772A4.9 4.9 0 0 1 5.45 2.525c.637-.248 1.362-.415 2.427-.465C8.945 2.013 9.284 2 12.001 2"/></svg>
React
import type { SVGProps } from "react";
export function RiInstagramLine(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="M12.001 9a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0-2a5 5 0 1 1 0 10a5 5 0 0 1 0-10m6.5-.25a1.25 1.25 0 0 1-2.5 0a1.25 1.25 0 0 1 2.5 0M12.001 4c-2.474 0-2.878.007-4.029.058c-.784.037-1.31.142-1.798.332a2.9 2.9 0 0 0-1.08.703a2.9 2.9 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.007 9.075 4 9.461 4 12c0 2.475.007 2.878.058 4.029c.037.783.142 1.31.331 1.797c.17.435.37.748.702 1.08c.337.336.65.537 1.08.703c.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.475 0 2.878-.007 4.029-.058c.782-.037 1.308-.142 1.797-.331a2.9 2.9 0 0 0 1.08-.703c.337-.336.538-.649.704-1.08c.19-.492.296-1.018.332-1.8c.052-1.103.058-1.49.058-4.028c0-2.474-.007-2.878-.058-4.029c-.037-.782-.143-1.31-.332-1.798a2.9 2.9 0 0 0-.703-1.08a2.9 2.9 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.926 4.006 14.54 4 12 4m0-2c2.717 0 3.056.01 4.123.06c1.064.05 1.79.217 2.427.465c.66.254 1.216.598 1.772 1.153a4.9 4.9 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.047 1.066.06 1.405.06 4.122s-.01 3.056-.06 4.122s-.218 1.79-.465 2.428a4.9 4.9 0 0 1-1.153 1.772a4.9 4.9 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465c-1.067.047-1.406.06-4.123.06s-3.056-.01-4.123-.06c-1.064-.05-1.789-.218-2.427-.465a4.9 4.9 0 0 1-1.772-1.153a4.9 4.9 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.012 15.056 2 14.717 2 12s.01-3.056.06-4.122s.217-1.79.465-2.428a4.9 4.9 0 0 1 1.153-1.772A4.9 4.9 0 0 1 5.45 2.525c.637-.248 1.362-.415 2.427-.465C8.945 2.013 9.284 2 12.001 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.001 9a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0-2a5 5 0 1 1 0 10a5 5 0 0 1 0-10m6.5-.25a1.25 1.25 0 0 1-2.5 0a1.25 1.25 0 0 1 2.5 0M12.001 4c-2.474 0-2.878.007-4.029.058c-.784.037-1.31.142-1.798.332a2.9 2.9 0 0 0-1.08.703a2.9 2.9 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.007 9.075 4 9.461 4 12c0 2.475.007 2.878.058 4.029c.037.783.142 1.31.331 1.797c.17.435.37.748.702 1.08c.337.336.65.537 1.08.703c.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.475 0 2.878-.007 4.029-.058c.782-.037 1.308-.142 1.797-.331a2.9 2.9 0 0 0 1.08-.703c.337-.336.538-.649.704-1.08c.19-.492.296-1.018.332-1.8c.052-1.103.058-1.49.058-4.028c0-2.474-.007-2.878-.058-4.029c-.037-.782-.143-1.31-.332-1.798a2.9 2.9 0 0 0-.703-1.08a2.9 2.9 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.926 4.006 14.54 4 12 4m0-2c2.717 0 3.056.01 4.123.06c1.064.05 1.79.217 2.427.465c.66.254 1.216.598 1.772 1.153a4.9 4.9 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.047 1.066.06 1.405.06 4.122s-.01 3.056-.06 4.122s-.218 1.79-.465 2.428a4.9 4.9 0 0 1-1.153 1.772a4.9 4.9 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465c-1.067.047-1.406.06-4.123.06s-3.056-.01-4.123-.06c-1.064-.05-1.789-.218-2.427-.465a4.9 4.9 0 0 1-1.772-1.153a4.9 4.9 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.012 15.056 2 14.717 2 12s.01-3.056.06-4.122s.217-1.79.465-2.428a4.9 4.9 0 0 1 1.153-1.772A4.9 4.9 0 0 1 5.45 2.525c.637-.248 1.362-.415 2.427-.465C8.945 2.013 9.284 2 12.001 2"/></svg> </template>
CSS
.icon-instagram-line {
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%22M12.001%209a3%203%200%201%200%200%206a3%203%200%200%200%200-6m0-2a5%205%200%201%201%200%2010a5%205%200%200%201%200-10m6.5-.25a1.25%201.25%200%200%201-2.5%200a1.25%201.25%200%200%201%202.5%200M12.001%204c-2.474%200-2.878.007-4.029.058c-.784.037-1.31.142-1.798.332a2.9%202.9%200%200%200-1.08.703a2.9%202.9%200%200%200-.704%201.08c-.19.49-.295%201.015-.331%201.798C4.007%209.075%204%209.461%204%2012c0%202.475.007%202.878.058%204.029c.037.783.142%201.31.331%201.797c.17.435.37.748.702%201.08c.337.336.65.537%201.08.703c.494.191%201.02.297%201.8.333C9.075%2019.994%209.461%2020%2012%2020c2.475%200%202.878-.007%204.029-.058c.782-.037%201.308-.142%201.797-.331a2.9%202.9%200%200%200%201.08-.703c.337-.336.538-.649.704-1.08c.19-.492.296-1.018.332-1.8c.052-1.103.058-1.49.058-4.028c0-2.474-.007-2.878-.058-4.029c-.037-.782-.143-1.31-.332-1.798a2.9%202.9%200%200%200-.703-1.08a2.9%202.9%200%200%200-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.926%204.006%2014.54%204%2012%204m0-2c2.717%200%203.056.01%204.123.06c1.064.05%201.79.217%202.427.465c.66.254%201.216.598%201.772%201.153a4.9%204.9%200%200%201%201.153%201.772c.247.637.415%201.363.465%202.428c.047%201.066.06%201.405.06%204.122s-.01%203.056-.06%204.122s-.218%201.79-.465%202.428a4.9%204.9%200%200%201-1.153%201.772a4.9%204.9%200%200%201-1.772%201.153c-.637.247-1.363.415-2.427.465c-1.067.047-1.406.06-4.123.06s-3.056-.01-4.123-.06c-1.064-.05-1.789-.218-2.427-.465a4.9%204.9%200%200%201-1.772-1.153a4.9%204.9%200%200%201-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.012%2015.056%202%2014.717%202%2012s.01-3.056.06-4.122s.217-1.79.465-2.428a4.9%204.9%200%200%201%201.153-1.772A4.9%204.9%200%200%201%205.45%202.525c.637-.248%201.362-.415%202.427-.465C8.945%202.013%209.284%202%2012.001%202%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%22M12.001%209a3%203%200%201%200%200%206a3%203%200%200%200%200-6m0-2a5%205%200%201%201%200%2010a5%205%200%200%201%200-10m6.5-.25a1.25%201.25%200%200%201-2.5%200a1.25%201.25%200%200%201%202.5%200M12.001%204c-2.474%200-2.878.007-4.029.058c-.784.037-1.31.142-1.798.332a2.9%202.9%200%200%200-1.08.703a2.9%202.9%200%200%200-.704%201.08c-.19.49-.295%201.015-.331%201.798C4.007%209.075%204%209.461%204%2012c0%202.475.007%202.878.058%204.029c.037.783.142%201.31.331%201.797c.17.435.37.748.702%201.08c.337.336.65.537%201.08.703c.494.191%201.02.297%201.8.333C9.075%2019.994%209.461%2020%2012%2020c2.475%200%202.878-.007%204.029-.058c.782-.037%201.308-.142%201.797-.331a2.9%202.9%200%200%200%201.08-.703c.337-.336.538-.649.704-1.08c.19-.492.296-1.018.332-1.8c.052-1.103.058-1.49.058-4.028c0-2.474-.007-2.878-.058-4.029c-.037-.782-.143-1.31-.332-1.798a2.9%202.9%200%200%200-.703-1.08a2.9%202.9%200%200%200-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.926%204.006%2014.54%204%2012%204m0-2c2.717%200%203.056.01%204.123.06c1.064.05%201.79.217%202.427.465c.66.254%201.216.598%201.772%201.153a4.9%204.9%200%200%201%201.153%201.772c.247.637.415%201.363.465%202.428c.047%201.066.06%201.405.06%204.122s-.01%203.056-.06%204.122s-.218%201.79-.465%202.428a4.9%204.9%200%200%201-1.153%201.772a4.9%204.9%200%200%201-1.772%201.153c-.637.247-1.363.415-2.427.465c-1.067.047-1.406.06-4.123.06s-3.056-.01-4.123-.06c-1.064-.05-1.789-.218-2.427-.465a4.9%204.9%200%200%201-1.772-1.153a4.9%204.9%200%200%201-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.012%2015.056%202%2014.717%202%2012s.01-3.056.06-4.122s.217-1.79.465-2.428a4.9%204.9%200%200%201%201.153-1.772A4.9%204.9%200%200%201%205.45%202.525c.637-.248%201.362-.415%202.427-.465C8.945%202.013%209.284%202%2012.001%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/instagram-line.svg?color=%231a73e8&size=48
