logo instagram icon
logo-instagram-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- logo-instagram-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
Related icons in TDesign Icons
logo-adobe-illustratelogo-adobe-lightroomlogo-adobe-photoshoplogo-alipaylogo-androidlogo-applelogo-behancelogo-chromelogo-cinema4dlogo-cnblogo-codepenlogo-codesandboxlogo-codesignlogo-dribbblelogo-facebooklogo-figmalogo-framerlogo-githublogo-gitlablogo-hiflowlogo-ielogo-iwikilogo-markdownlogo-miniprogram
Use the logo instagram icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 12a4 4 0 1 1 8 0a4 4 0 0 1-8 0"/><path fill="currentColor" d="M12.05 1c1.827 0 3.266 0 4.42.105c1.178.106 2.156.328 3.03.833A7 7 0 0 1 22.062 4.5c.505.874.727 1.852.833 3.03C23 8.684 23 10.123 23 11.95v.1c0 1.827 0 3.266-.105 4.42c-.106 1.178-.328 2.156-.833 3.03a7 7 0 0 1-2.562 2.562c-.874.505-1.852.727-3.03.833c-1.154.105-2.593.105-4.42.105h-.1c-1.827 0-3.266 0-4.42-.105c-1.178-.106-2.156-.328-3.03-.833A7 7 0 0 1 1.938 19.5c-.505-.874-.727-1.852-.833-3.03C1 15.316 1 13.877 1 12.05v-.1c0-1.827 0-3.266.105-4.42c.106-1.178.328-2.156.833-3.03A7 7 0 0 1 4.5 1.938c.874-.505 1.852-.727 3.03-.833C8.684 1 10.123 1 11.95 1zm6.2 3.75a1 1 0 0 0-1 1v.004a1 1 0 0 0 1 1h.004a1 1 0 0 0 1-1V5.75a1 1 0 0 0-1-1zM12 6a6 6 0 1 0 0 12a6 6 0 0 0 0-12"/></svg>
React
import type { SVGProps } from "react";
export function TdesignLogoInstagramFilled(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="M8 12a4 4 0 1 1 8 0a4 4 0 0 1-8 0"/><path fill="currentColor" d="M12.05 1c1.827 0 3.266 0 4.42.105c1.178.106 2.156.328 3.03.833A7 7 0 0 1 22.062 4.5c.505.874.727 1.852.833 3.03C23 8.684 23 10.123 23 11.95v.1c0 1.827 0 3.266-.105 4.42c-.106 1.178-.328 2.156-.833 3.03a7 7 0 0 1-2.562 2.562c-.874.505-1.852.727-3.03.833c-1.154.105-2.593.105-4.42.105h-.1c-1.827 0-3.266 0-4.42-.105c-1.178-.106-2.156-.328-3.03-.833A7 7 0 0 1 1.938 19.5c-.505-.874-.727-1.852-.833-3.03C1 15.316 1 13.877 1 12.05v-.1c0-1.827 0-3.266.105-4.42c.106-1.178.328-2.156.833-3.03A7 7 0 0 1 4.5 1.938c.874-.505 1.852-.727 3.03-.833C8.684 1 10.123 1 11.95 1zm6.2 3.75a1 1 0 0 0-1 1v.004a1 1 0 0 0 1 1h.004a1 1 0 0 0 1-1V5.75a1 1 0 0 0-1-1zM12 6a6 6 0 1 0 0 12a6 6 0 0 0 0-12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 12a4 4 0 1 1 8 0a4 4 0 0 1-8 0"/><path fill="currentColor" d="M12.05 1c1.827 0 3.266 0 4.42.105c1.178.106 2.156.328 3.03.833A7 7 0 0 1 22.062 4.5c.505.874.727 1.852.833 3.03C23 8.684 23 10.123 23 11.95v.1c0 1.827 0 3.266-.105 4.42c-.106 1.178-.328 2.156-.833 3.03a7 7 0 0 1-2.562 2.562c-.874.505-1.852.727-3.03.833c-1.154.105-2.593.105-4.42.105h-.1c-1.827 0-3.266 0-4.42-.105c-1.178-.106-2.156-.328-3.03-.833A7 7 0 0 1 1.938 19.5c-.505-.874-.727-1.852-.833-3.03C1 15.316 1 13.877 1 12.05v-.1c0-1.827 0-3.266.105-4.42c.106-1.178.328-2.156.833-3.03A7 7 0 0 1 4.5 1.938c.874-.505 1.852-.727 3.03-.833C8.684 1 10.123 1 11.95 1zm6.2 3.75a1 1 0 0 0-1 1v.004a1 1 0 0 0 1 1h.004a1 1 0 0 0 1-1V5.75a1 1 0 0 0-1-1zM12 6a6 6 0 1 0 0 12a6 6 0 0 0 0-12"/></svg> </template>
CSS
.icon-logo-instagram-filled {
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%22M8%2012a4%204%200%201%201%208%200a4%204%200%200%201-8%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.05%201c1.827%200%203.266%200%204.42.105c1.178.106%202.156.328%203.03.833A7%207%200%200%201%2022.062%204.5c.505.874.727%201.852.833%203.03C23%208.684%2023%2010.123%2023%2011.95v.1c0%201.827%200%203.266-.105%204.42c-.106%201.178-.328%202.156-.833%203.03a7%207%200%200%201-2.562%202.562c-.874.505-1.852.727-3.03.833c-1.154.105-2.593.105-4.42.105h-.1c-1.827%200-3.266%200-4.42-.105c-1.178-.106-2.156-.328-3.03-.833A7%207%200%200%201%201.938%2019.5c-.505-.874-.727-1.852-.833-3.03C1%2015.316%201%2013.877%201%2012.05v-.1c0-1.827%200-3.266.105-4.42c.106-1.178.328-2.156.833-3.03A7%207%200%200%201%204.5%201.938c.874-.505%201.852-.727%203.03-.833C8.684%201%2010.123%201%2011.95%201zm6.2%203.75a1%201%200%200%200-1%201v.004a1%201%200%200%200%201%201h.004a1%201%200%200%200%201-1V5.75a1%201%200%200%200-1-1zM12%206a6%206%200%201%200%200%2012a6%206%200%200%200%200-12%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%22M8%2012a4%204%200%201%201%208%200a4%204%200%200%201-8%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.05%201c1.827%200%203.266%200%204.42.105c1.178.106%202.156.328%203.03.833A7%207%200%200%201%2022.062%204.5c.505.874.727%201.852.833%203.03C23%208.684%2023%2010.123%2023%2011.95v.1c0%201.827%200%203.266-.105%204.42c-.106%201.178-.328%202.156-.833%203.03a7%207%200%200%201-2.562%202.562c-.874.505-1.852.727-3.03.833c-1.154.105-2.593.105-4.42.105h-.1c-1.827%200-3.266%200-4.42-.105c-1.178-.106-2.156-.328-3.03-.833A7%207%200%200%201%201.938%2019.5c-.505-.874-.727-1.852-.833-3.03C1%2015.316%201%2013.877%201%2012.05v-.1c0-1.827%200-3.266.105-4.42c.106-1.178.328-2.156.833-3.03A7%207%200%200%201%204.5%201.938c.874-.505%201.852-.727%203.03-.833C8.684%201%2010.123%201%2011.95%201zm6.2%203.75a1%201%200%200%200-1%201v.004a1%201%200%200%200%201%201h.004a1%201%200%200%200%201-1V5.75a1%201%200%200%200-1-1zM12%206a6%206%200%201%200%200%2012a6%206%200%200%200%200-12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/logo-instagram-filled.svg?color=%231a73e8&size=48
