bxl instagram icon
bxl-instagram from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxl-instagram
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
Use the bxl instagram icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M11.999 7.377a4.623 4.623 0 1 0 0 9.248a4.623 4.623 0 0 0 0-9.248zm0 7.627a3.004 3.004 0 1 1 0-6.008a3.004 3.004 0 0 1 0 6.008z" fill="currentColor"/><circle cx="16.806" cy="7.207" r="1.078" fill="currentColor"/><path d="M20.533 6.111A4.605 4.605 0 0 0 17.9 3.479a6.606 6.606 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42a4.6 4.6 0 0 0-2.633 2.632a6.585 6.585 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71c0 2.442 0 2.753.056 3.71c.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632a6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419a4.613 4.613 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.581 6.581 0 0 0-.421-2.217zm-1.218 9.532a5.043 5.043 0 0 1-.311 1.688a2.987 2.987 0 0 1-1.712 1.711a4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055c-2.438 0-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311a2.985 2.985 0 0 1-1.719-1.711a5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654c0-2.437 0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311a2.991 2.991 0 0 1 1.712 1.712a5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655c0 2.436 0 2.698-.043 3.654h-.011z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxlInstagram(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M11.999 7.377a4.623 4.623 0 1 0 0 9.248a4.623 4.623 0 0 0 0-9.248zm0 7.627a3.004 3.004 0 1 1 0-6.008a3.004 3.004 0 0 1 0 6.008z" fill="currentColor"/><circle cx="16.806" cy="7.207" r="1.078" fill="currentColor"/><path d="M20.533 6.111A4.605 4.605 0 0 0 17.9 3.479a6.606 6.606 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42a4.6 4.6 0 0 0-2.633 2.632a6.585 6.585 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71c0 2.442 0 2.753.056 3.71c.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632a6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419a4.613 4.613 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.581 6.581 0 0 0-.421-2.217zm-1.218 9.532a5.043 5.043 0 0 1-.311 1.688a2.987 2.987 0 0 1-1.712 1.711a4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055c-2.438 0-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311a2.985 2.985 0 0 1-1.719-1.711a5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654c0-2.437 0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311a2.991 2.991 0 0 1 1.712 1.712a5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655c0 2.436 0 2.698-.043 3.654h-.011z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M11.999 7.377a4.623 4.623 0 1 0 0 9.248a4.623 4.623 0 0 0 0-9.248zm0 7.627a3.004 3.004 0 1 1 0-6.008a3.004 3.004 0 0 1 0 6.008z" fill="currentColor"/><circle cx="16.806" cy="7.207" r="1.078" fill="currentColor"/><path d="M20.533 6.111A4.605 4.605 0 0 0 17.9 3.479a6.606 6.606 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42a4.6 4.6 0 0 0-2.633 2.632a6.585 6.585 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71c0 2.442 0 2.753.056 3.71c.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632a6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419a4.613 4.613 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.581 6.581 0 0 0-.421-2.217zm-1.218 9.532a5.043 5.043 0 0 1-.311 1.688a2.987 2.987 0 0 1-1.712 1.711a4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055c-2.438 0-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311a2.985 2.985 0 0 1-1.719-1.711a5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654c0-2.437 0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311a2.991 2.991 0 0 1 1.712 1.712a5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655c0 2.436 0 2.698-.043 3.654h-.011z" fill="currentColor"/></svg> </template>
CSS
.icon-bxl-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%20d%3D%22M11.999%207.377a4.623%204.623%200%201%200%200%209.248a4.623%204.623%200%200%200%200-9.248zm0%207.627a3.004%203.004%200%201%201%200-6.008a3.004%203.004%200%200%201%200%206.008z%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2216.806%22%20cy%3D%227.207%22%20r%3D%221.078%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M20.533%206.111A4.605%204.605%200%200%200%2017.9%203.479a6.606%206.606%200%200%200-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755%200-3.71.054a6.554%206.554%200%200%200-2.184.42a4.6%204.6%200%200%200-2.633%202.632a6.585%206.585%200%200%200-.419%202.186c-.043.962-.056%201.267-.056%203.71c0%202.442%200%202.753.056%203.71c.015.748.156%201.486.419%202.187a4.61%204.61%200%200%200%202.634%202.632a6.584%206.584%200%200%200%202.185.45c.963.042%201.268.055%203.71.055s2.755%200%203.71-.055a6.615%206.615%200%200%200%202.186-.419a4.613%204.613%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.581%206.581%200%200%200-.421-2.217zm-1.218%209.532a5.043%205.043%200%200%201-.311%201.688a2.987%202.987%200%200%201-1.712%201.711a4.985%204.985%200%200%201-1.67.311c-.95.044-1.218.055-3.654.055c-2.438%200-2.687%200-3.655-.055a4.96%204.96%200%200%201-1.669-.311a2.985%202.985%200%200%201-1.719-1.711a5.08%205.08%200%200%201-.311-1.669c-.043-.95-.053-1.218-.053-3.654c0-2.437%200-2.686.053-3.655a5.038%205.038%200%200%201%20.311-1.687c.305-.789.93-1.41%201.719-1.712a5.01%205.01%200%200%201%201.669-.311c.951-.043%201.218-.055%203.655-.055s2.687%200%203.654.055a4.96%204.96%200%200%201%201.67.311a2.991%202.991%200%200%201%201.712%201.712a5.08%205.08%200%200%201%20.311%201.669c.043.951.054%201.218.054%203.655c0%202.436%200%202.698-.043%203.654h-.011z%22%20fill%3D%22currentColor%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%20d%3D%22M11.999%207.377a4.623%204.623%200%201%200%200%209.248a4.623%204.623%200%200%200%200-9.248zm0%207.627a3.004%203.004%200%201%201%200-6.008a3.004%203.004%200%200%201%200%206.008z%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2216.806%22%20cy%3D%227.207%22%20r%3D%221.078%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M20.533%206.111A4.605%204.605%200%200%200%2017.9%203.479a6.606%206.606%200%200%200-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755%200-3.71.054a6.554%206.554%200%200%200-2.184.42a4.6%204.6%200%200%200-2.633%202.632a6.585%206.585%200%200%200-.419%202.186c-.043.962-.056%201.267-.056%203.71c0%202.442%200%202.753.056%203.71c.015.748.156%201.486.419%202.187a4.61%204.61%200%200%200%202.634%202.632a6.584%206.584%200%200%200%202.185.45c.963.042%201.268.055%203.71.055s2.755%200%203.71-.055a6.615%206.615%200%200%200%202.186-.419a4.613%204.613%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.581%206.581%200%200%200-.421-2.217zm-1.218%209.532a5.043%205.043%200%200%201-.311%201.688a2.987%202.987%200%200%201-1.712%201.711a4.985%204.985%200%200%201-1.67.311c-.95.044-1.218.055-3.654.055c-2.438%200-2.687%200-3.655-.055a4.96%204.96%200%200%201-1.669-.311a2.985%202.985%200%200%201-1.719-1.711a5.08%205.08%200%200%201-.311-1.669c-.043-.95-.053-1.218-.053-3.654c0-2.437%200-2.686.053-3.655a5.038%205.038%200%200%201%20.311-1.687c.305-.789.93-1.41%201.719-1.712a5.01%205.01%200%200%201%201.669-.311c.951-.043%201.218-.055%203.655-.055s2.687%200%203.654.055a4.96%204.96%200%200%201%201.67.311a2.991%202.991%200%200%201%201.712%201.712a5.08%205.08%200%200%201%20.311%201.669c.043.951.054%201.218.054%203.655c0%202.436%200%202.698-.043%203.654h-.011z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxl-instagram.svg?color=%231a73e8&size=48
