instagram icon logo

instagram-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
instagram-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the instagram icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0a0a08" d="M128 23.064c34.177 0 38.225.13 51.722.745c12.48.57 19.258 2.655 23.769 4.408c5.974 2.322 10.238 5.096 14.717 9.575s7.253 8.743 9.575 14.717c1.753 4.511 3.838 11.289 4.408 23.768c.615 13.498.745 17.546.745 51.723s-.13 38.226-.745 51.723c-.57 12.48-2.655 19.257-4.408 23.768c-2.322 5.974-5.096 10.239-9.575 14.718s-8.743 7.253-14.717 9.574c-4.511 1.753-11.289 3.839-23.769 4.408c-13.495.616-17.543.746-51.722.746s-38.228-.13-51.723-.746c-12.48-.57-19.257-2.655-23.768-4.408c-5.974-2.321-10.239-5.095-14.718-9.574c-4.479-4.48-7.253-8.744-9.574-14.718c-1.753-4.51-3.839-11.288-4.408-23.768c-.616-13.497-.746-17.545-.746-51.723s.13-38.225.746-51.722c.57-12.48 2.655-19.258 4.408-23.769c2.321-5.974 5.095-10.238 9.574-14.717c4.48-4.48 8.744-7.253 14.718-9.575c4.51-1.753 11.288-3.838 23.768-4.408c13.497-.615 17.545-.745 51.723-.745M128 0C93.237 0 88.878.147 75.226.77c-13.625.622-22.93 2.786-31.071 5.95c-8.418 3.271-15.556 7.648-22.672 14.764S9.991 35.738 6.72 44.155C3.555 52.297 1.392 61.602.77 75.226C.147 88.878 0 93.237 0 128s.147 39.122.77 52.774c.622 13.625 2.785 22.93 5.95 31.071c3.27 8.417 7.647 15.556 14.763 22.672s14.254 11.492 22.672 14.763c8.142 3.165 17.446 5.328 31.07 5.95c13.653.623 18.012.77 52.775.77s39.122-.147 52.774-.77c13.624-.622 22.929-2.785 31.07-5.95c8.418-3.27 15.556-7.647 22.672-14.763s11.493-14.254 14.764-22.672c3.164-8.142 5.328-17.446 5.95-31.07c.623-13.653.77-18.012.77-52.775s-.147-39.122-.77-52.774c-.622-13.624-2.786-22.929-5.95-31.07c-3.271-8.418-7.648-15.556-14.764-22.672S220.262 9.99 211.845 6.72c-8.142-3.164-17.447-5.328-31.071-5.95C167.122.147 162.763 0 128 0m0 62.27c-36.302 0-65.73 29.43-65.73 65.73s29.428 65.73 65.73 65.73c36.301 0 65.73-29.428 65.73-65.73c0-36.301-29.429-65.73-65.73-65.73m0 108.397c-23.564 0-42.667-19.103-42.667-42.667S104.436 85.333 128 85.333s42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667m83.686-110.994c0 8.484-6.876 15.36-15.36 15.36s-15.36-6.876-15.36-15.36s6.877-15.36 15.36-15.36s15.36 6.877 15.36 15.36"/></svg>

React

import type { SVGProps } from "react";

export function LogosInstagramIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0a0a08" d="M128 23.064c34.177 0 38.225.13 51.722.745c12.48.57 19.258 2.655 23.769 4.408c5.974 2.322 10.238 5.096 14.717 9.575s7.253 8.743 9.575 14.717c1.753 4.511 3.838 11.289 4.408 23.768c.615 13.498.745 17.546.745 51.723s-.13 38.226-.745 51.723c-.57 12.48-2.655 19.257-4.408 23.768c-2.322 5.974-5.096 10.239-9.575 14.718s-8.743 7.253-14.717 9.574c-4.511 1.753-11.289 3.839-23.769 4.408c-13.495.616-17.543.746-51.722.746s-38.228-.13-51.723-.746c-12.48-.57-19.257-2.655-23.768-4.408c-5.974-2.321-10.239-5.095-14.718-9.574c-4.479-4.48-7.253-8.744-9.574-14.718c-1.753-4.51-3.839-11.288-4.408-23.768c-.616-13.497-.746-17.545-.746-51.723s.13-38.225.746-51.722c.57-12.48 2.655-19.258 4.408-23.769c2.321-5.974 5.095-10.238 9.574-14.717c4.48-4.48 8.744-7.253 14.718-9.575c4.51-1.753 11.288-3.838 23.768-4.408c13.497-.615 17.545-.745 51.723-.745M128 0C93.237 0 88.878.147 75.226.77c-13.625.622-22.93 2.786-31.071 5.95c-8.418 3.271-15.556 7.648-22.672 14.764S9.991 35.738 6.72 44.155C3.555 52.297 1.392 61.602.77 75.226C.147 88.878 0 93.237 0 128s.147 39.122.77 52.774c.622 13.625 2.785 22.93 5.95 31.071c3.27 8.417 7.647 15.556 14.763 22.672s14.254 11.492 22.672 14.763c8.142 3.165 17.446 5.328 31.07 5.95c13.653.623 18.012.77 52.775.77s39.122-.147 52.774-.77c13.624-.622 22.929-2.785 31.07-5.95c8.418-3.27 15.556-7.647 22.672-14.763s11.493-14.254 14.764-22.672c3.164-8.142 5.328-17.446 5.95-31.07c.623-13.653.77-18.012.77-52.775s-.147-39.122-.77-52.774c-.622-13.624-2.786-22.929-5.95-31.07c-3.271-8.418-7.648-15.556-14.764-22.672S220.262 9.99 211.845 6.72c-8.142-3.164-17.447-5.328-31.071-5.95C167.122.147 162.763 0 128 0m0 62.27c-36.302 0-65.73 29.43-65.73 65.73s29.428 65.73 65.73 65.73c36.301 0 65.73-29.428 65.73-65.73c0-36.301-29.429-65.73-65.73-65.73m0 108.397c-23.564 0-42.667-19.103-42.667-42.667S104.436 85.333 128 85.333s42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667m83.686-110.994c0 8.484-6.876 15.36-15.36 15.36s-15.36-6.876-15.36-15.36s6.877-15.36 15.36-15.36s15.36 6.877 15.36 15.36"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0a0a08" d="M128 23.064c34.177 0 38.225.13 51.722.745c12.48.57 19.258 2.655 23.769 4.408c5.974 2.322 10.238 5.096 14.717 9.575s7.253 8.743 9.575 14.717c1.753 4.511 3.838 11.289 4.408 23.768c.615 13.498.745 17.546.745 51.723s-.13 38.226-.745 51.723c-.57 12.48-2.655 19.257-4.408 23.768c-2.322 5.974-5.096 10.239-9.575 14.718s-8.743 7.253-14.717 9.574c-4.511 1.753-11.289 3.839-23.769 4.408c-13.495.616-17.543.746-51.722.746s-38.228-.13-51.723-.746c-12.48-.57-19.257-2.655-23.768-4.408c-5.974-2.321-10.239-5.095-14.718-9.574c-4.479-4.48-7.253-8.744-9.574-14.718c-1.753-4.51-3.839-11.288-4.408-23.768c-.616-13.497-.746-17.545-.746-51.723s.13-38.225.746-51.722c.57-12.48 2.655-19.258 4.408-23.769c2.321-5.974 5.095-10.238 9.574-14.717c4.48-4.48 8.744-7.253 14.718-9.575c4.51-1.753 11.288-3.838 23.768-4.408c13.497-.615 17.545-.745 51.723-.745M128 0C93.237 0 88.878.147 75.226.77c-13.625.622-22.93 2.786-31.071 5.95c-8.418 3.271-15.556 7.648-22.672 14.764S9.991 35.738 6.72 44.155C3.555 52.297 1.392 61.602.77 75.226C.147 88.878 0 93.237 0 128s.147 39.122.77 52.774c.622 13.625 2.785 22.93 5.95 31.071c3.27 8.417 7.647 15.556 14.763 22.672s14.254 11.492 22.672 14.763c8.142 3.165 17.446 5.328 31.07 5.95c13.653.623 18.012.77 52.775.77s39.122-.147 52.774-.77c13.624-.622 22.929-2.785 31.07-5.95c8.418-3.27 15.556-7.647 22.672-14.763s11.493-14.254 14.764-22.672c3.164-8.142 5.328-17.446 5.95-31.07c.623-13.653.77-18.012.77-52.775s-.147-39.122-.77-52.774c-.622-13.624-2.786-22.929-5.95-31.07c-3.271-8.418-7.648-15.556-14.764-22.672S220.262 9.99 211.845 6.72c-8.142-3.164-17.447-5.328-31.071-5.95C167.122.147 162.763 0 128 0m0 62.27c-36.302 0-65.73 29.43-65.73 65.73s29.428 65.73 65.73 65.73c36.301 0 65.73-29.428 65.73-65.73c0-36.301-29.429-65.73-65.73-65.73m0 108.397c-23.564 0-42.667-19.103-42.667-42.667S104.436 85.333 128 85.333s42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667m83.686-110.994c0 8.484-6.876 15.36-15.36 15.36s-15.36-6.876-15.36-15.36s6.877-15.36 15.36-15.36s15.36 6.877 15.36 15.36"/></svg>
</template>

CSS

.icon-instagram-icon {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%230a0a08%22%20d%3D%22M128%2023.064c34.177%200%2038.225.13%2051.722.745c12.48.57%2019.258%202.655%2023.769%204.408c5.974%202.322%2010.238%205.096%2014.717%209.575s7.253%208.743%209.575%2014.717c1.753%204.511%203.838%2011.289%204.408%2023.768c.615%2013.498.745%2017.546.745%2051.723s-.13%2038.226-.745%2051.723c-.57%2012.48-2.655%2019.257-4.408%2023.768c-2.322%205.974-5.096%2010.239-9.575%2014.718s-8.743%207.253-14.717%209.574c-4.511%201.753-11.289%203.839-23.769%204.408c-13.495.616-17.543.746-51.722.746s-38.228-.13-51.723-.746c-12.48-.57-19.257-2.655-23.768-4.408c-5.974-2.321-10.239-5.095-14.718-9.574c-4.479-4.48-7.253-8.744-9.574-14.718c-1.753-4.51-3.839-11.288-4.408-23.768c-.616-13.497-.746-17.545-.746-51.723s.13-38.225.746-51.722c.57-12.48%202.655-19.258%204.408-23.769c2.321-5.974%205.095-10.238%209.574-14.717c4.48-4.48%208.744-7.253%2014.718-9.575c4.51-1.753%2011.288-3.838%2023.768-4.408c13.497-.615%2017.545-.745%2051.723-.745M128%200C93.237%200%2088.878.147%2075.226.77c-13.625.622-22.93%202.786-31.071%205.95c-8.418%203.271-15.556%207.648-22.672%2014.764S9.991%2035.738%206.72%2044.155C3.555%2052.297%201.392%2061.602.77%2075.226C.147%2088.878%200%2093.237%200%20128s.147%2039.122.77%2052.774c.622%2013.625%202.785%2022.93%205.95%2031.071c3.27%208.417%207.647%2015.556%2014.763%2022.672s14.254%2011.492%2022.672%2014.763c8.142%203.165%2017.446%205.328%2031.07%205.95c13.653.623%2018.012.77%2052.775.77s39.122-.147%2052.774-.77c13.624-.622%2022.929-2.785%2031.07-5.95c8.418-3.27%2015.556-7.647%2022.672-14.763s11.493-14.254%2014.764-22.672c3.164-8.142%205.328-17.446%205.95-31.07c.623-13.653.77-18.012.77-52.775s-.147-39.122-.77-52.774c-.622-13.624-2.786-22.929-5.95-31.07c-3.271-8.418-7.648-15.556-14.764-22.672S220.262%209.99%20211.845%206.72c-8.142-3.164-17.447-5.328-31.071-5.95C167.122.147%20162.763%200%20128%200m0%2062.27c-36.302%200-65.73%2029.43-65.73%2065.73s29.428%2065.73%2065.73%2065.73c36.301%200%2065.73-29.428%2065.73-65.73c0-36.301-29.429-65.73-65.73-65.73m0%20108.397c-23.564%200-42.667-19.103-42.667-42.667S104.436%2085.333%20128%2085.333s42.667%2019.103%2042.667%2042.667s-19.103%2042.667-42.667%2042.667m83.686-110.994c0%208.484-6.876%2015.36-15.36%2015.36s-15.36-6.876-15.36-15.36s6.877-15.36%2015.36-15.36s15.36%206.877%2015.36%2015.36%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%20256%20256%22%3E%3Cpath%20fill%3D%22%230a0a08%22%20d%3D%22M128%2023.064c34.177%200%2038.225.13%2051.722.745c12.48.57%2019.258%202.655%2023.769%204.408c5.974%202.322%2010.238%205.096%2014.717%209.575s7.253%208.743%209.575%2014.717c1.753%204.511%203.838%2011.289%204.408%2023.768c.615%2013.498.745%2017.546.745%2051.723s-.13%2038.226-.745%2051.723c-.57%2012.48-2.655%2019.257-4.408%2023.768c-2.322%205.974-5.096%2010.239-9.575%2014.718s-8.743%207.253-14.717%209.574c-4.511%201.753-11.289%203.839-23.769%204.408c-13.495.616-17.543.746-51.722.746s-38.228-.13-51.723-.746c-12.48-.57-19.257-2.655-23.768-4.408c-5.974-2.321-10.239-5.095-14.718-9.574c-4.479-4.48-7.253-8.744-9.574-14.718c-1.753-4.51-3.839-11.288-4.408-23.768c-.616-13.497-.746-17.545-.746-51.723s.13-38.225.746-51.722c.57-12.48%202.655-19.258%204.408-23.769c2.321-5.974%205.095-10.238%209.574-14.717c4.48-4.48%208.744-7.253%2014.718-9.575c4.51-1.753%2011.288-3.838%2023.768-4.408c13.497-.615%2017.545-.745%2051.723-.745M128%200C93.237%200%2088.878.147%2075.226.77c-13.625.622-22.93%202.786-31.071%205.95c-8.418%203.271-15.556%207.648-22.672%2014.764S9.991%2035.738%206.72%2044.155C3.555%2052.297%201.392%2061.602.77%2075.226C.147%2088.878%200%2093.237%200%20128s.147%2039.122.77%2052.774c.622%2013.625%202.785%2022.93%205.95%2031.071c3.27%208.417%207.647%2015.556%2014.763%2022.672s14.254%2011.492%2022.672%2014.763c8.142%203.165%2017.446%205.328%2031.07%205.95c13.653.623%2018.012.77%2052.775.77s39.122-.147%2052.774-.77c13.624-.622%2022.929-2.785%2031.07-5.95c8.418-3.27%2015.556-7.647%2022.672-14.763s11.493-14.254%2014.764-22.672c3.164-8.142%205.328-17.446%205.95-31.07c.623-13.653.77-18.012.77-52.775s-.147-39.122-.77-52.774c-.622-13.624-2.786-22.929-5.95-31.07c-3.271-8.418-7.648-15.556-14.764-22.672S220.262%209.99%20211.845%206.72c-8.142-3.164-17.447-5.328-31.071-5.95C167.122.147%20162.763%200%20128%200m0%2062.27c-36.302%200-65.73%2029.43-65.73%2065.73s29.428%2065.73%2065.73%2065.73c36.301%200%2065.73-29.428%2065.73-65.73c0-36.301-29.429-65.73-65.73-65.73m0%20108.397c-23.564%200-42.667-19.103-42.667-42.667S104.436%2085.333%20128%2085.333s42.667%2019.103%2042.667%2042.667s-19.103%2042.667-42.667%2042.667m83.686-110.994c0%208.484-6.876%2015.36-15.36%2015.36s-15.36-6.876-15.36-15.36s6.877-15.36%2015.36-15.36s15.36%206.877%2015.36%2015.36%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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