social instagram icon
social-instagram-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- social-instagram-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
social-android-outlinesocial-angular-outlinesocial-apple-outlinesocial-bitcoin-outlinesocial-buffer-outlinesocial-chrome-outlinesocial-codepen-outlinesocial-css3-outlinesocial-designernews-outlinesocial-dribbblesocial-dropbox-outlinesocial-euro-outlinesocial-facebooksocial-foursquare-outlinesocial-github-outlinesocial-googlesocial-googleplussocial-hackernews-outlinesocial-html5-outlinesocial-javascript-outlinesocial-linkedin-outlinesocial-octocatsocial-pinterest-outlinesocial-reddit
Use the social instagram icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M448.5 112c0-26.233-21.267-47.5-47.5-47.5H112c-26.233 0-47.5 21.267-47.5 47.5v289c0 26.233 21.267 47.5 47.5 47.5h289c26.233 0 47.5-21.267 47.5-47.5V112zM257 175.833c44.182 0 80 35.816 80 80s-35.818 80-80 80-80-35.816-80-80 35.818-80 80-80zM416.5 160.5c0 8.836-7.163 16-16 16h-48c-8.837 0-16-7.164-16-16v-48c0-8.836 7.163-16 16-16h48c8.837 0 16 7.164 16 16v48zm-15 256h-288c-8.822 0-17-8.178-17-17v-175h53.072c-3.008 10-4.572 20.647-4.572 31.583C145 286 156.65 314 177.805 335.154s49.279 32.741 79.195 32.741 58.041-11.681 79.195-32.835S369 286.016 369 256.099c0-10.936-1.563-21.599-4.572-31.599H416.5v175c0 8.822-6.178 17-15 17z"/></svg>
React
import type { SVGProps } from "react";
export function IonSocialInstagramOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M448.5 112c0-26.233-21.267-47.5-47.5-47.5H112c-26.233 0-47.5 21.267-47.5 47.5v289c0 26.233 21.267 47.5 47.5 47.5h289c26.233 0 47.5-21.267 47.5-47.5V112zM257 175.833c44.182 0 80 35.816 80 80s-35.818 80-80 80-80-35.816-80-80 35.818-80 80-80zM416.5 160.5c0 8.836-7.163 16-16 16h-48c-8.837 0-16-7.164-16-16v-48c0-8.836 7.163-16 16-16h48c8.837 0 16 7.164 16 16v48zm-15 256h-288c-8.822 0-17-8.178-17-17v-175h53.072c-3.008 10-4.572 20.647-4.572 31.583C145 286 156.65 314 177.805 335.154s49.279 32.741 79.195 32.741 58.041-11.681 79.195-32.835S369 286.016 369 256.099c0-10.936-1.563-21.599-4.572-31.599H416.5v175c0 8.822-6.178 17-15 17z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M448.5 112c0-26.233-21.267-47.5-47.5-47.5H112c-26.233 0-47.5 21.267-47.5 47.5v289c0 26.233 21.267 47.5 47.5 47.5h289c26.233 0 47.5-21.267 47.5-47.5V112zM257 175.833c44.182 0 80 35.816 80 80s-35.818 80-80 80-80-35.816-80-80 35.818-80 80-80zM416.5 160.5c0 8.836-7.163 16-16 16h-48c-8.837 0-16-7.164-16-16v-48c0-8.836 7.163-16 16-16h48c8.837 0 16 7.164 16 16v48zm-15 256h-288c-8.822 0-17-8.178-17-17v-175h53.072c-3.008 10-4.572 20.647-4.572 31.583C145 286 156.65 314 177.805 335.154s49.279 32.741 79.195 32.741 58.041-11.681 79.195-32.835S369 286.016 369 256.099c0-10.936-1.563-21.599-4.572-31.599H416.5v175c0 8.822-6.178 17-15 17z"/></svg> </template>
CSS
.icon-social-instagram-outline {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M448.5%20112c0-26.233-21.267-47.5-47.5-47.5H112c-26.233%200-47.5%2021.267-47.5%2047.5v289c0%2026.233%2021.267%2047.5%2047.5%2047.5h289c26.233%200%2047.5-21.267%2047.5-47.5V112zM257%20175.833c44.182%200%2080%2035.816%2080%2080s-35.818%2080-80%2080-80-35.816-80-80%2035.818-80%2080-80zM416.5%20160.5c0%208.836-7.163%2016-16%2016h-48c-8.837%200-16-7.164-16-16v-48c0-8.836%207.163-16%2016-16h48c8.837%200%2016%207.164%2016%2016v48zm-15%20256h-288c-8.822%200-17-8.178-17-17v-175h53.072c-3.008%2010-4.572%2020.647-4.572%2031.583C145%20286%20156.65%20314%20177.805%20335.154s49.279%2032.741%2079.195%2032.741%2058.041-11.681%2079.195-32.835S369%20286.016%20369%20256.099c0-10.936-1.563-21.599-4.572-31.599H416.5v175c0%208.822-6.178%2017-15%2017z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M448.5%20112c0-26.233-21.267-47.5-47.5-47.5H112c-26.233%200-47.5%2021.267-47.5%2047.5v289c0%2026.233%2021.267%2047.5%2047.5%2047.5h289c26.233%200%2047.5-21.267%2047.5-47.5V112zM257%20175.833c44.182%200%2080%2035.816%2080%2080s-35.818%2080-80%2080-80-35.816-80-80%2035.818-80%2080-80zM416.5%20160.5c0%208.836-7.163%2016-16%2016h-48c-8.837%200-16-7.164-16-16v-48c0-8.836%207.163-16%2016-16h48c8.837%200%2016%207.164%2016%2016v48zm-15%20256h-288c-8.822%200-17-8.178-17-17v-175h53.072c-3.008%2010-4.572%2020.647-4.572%2031.583C145%20286%20156.65%20314%20177.805%20335.154s49.279%2032.741%2079.195%2032.741%2058.041-11.681%2079.195-32.835S369%20286.016%20369%20256.099c0-10.936-1.563-21.599-4.572-31.599H416.5v175c0%208.822-6.178%2017-15%2017z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/social-instagram-outline.svg?color=%231a73e8&size=48
