instagram square icon
instagram-square from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- instagram-square
- Set
- Mage Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
Related icons in Mage Icons
Use the instagram square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.823 12.234c-.016.35-.13.688-.331.975a1.7 1.7 0 0 1-.829.643a1.77 1.77 0 0 1-1.053.088a1.8 1.8 0 0 1-.926-.516a1.9 1.9 0 0 1-.468-.976a1.76 1.76 0 0 1 .127-1.043c.144-.327.38-.606.682-.8c.307-.19.662-.291 1.024-.292c.477.026.926.232 1.258.575a1.85 1.85 0 0 1 .516 1.346"/><path fill="currentColor" d="M17.265 8.002a2.26 2.26 0 0 0-1.248-1.248a2.6 2.6 0 0 0-.887-.175H8.968A2.31 2.31 0 0 0 6.667 8.88v6.279a2.3 2.3 0 0 0 .682 1.628a2.32 2.32 0 0 0 1.619.673h6.162a2.32 2.32 0 0 0 2.123-1.419a2.3 2.3 0 0 0 .178-.882v-6.27a2.6 2.6 0 0 0-.166-.887m-2.437 5.441a2.9 2.9 0 0 1-.644.975c-.28.283-.611.51-.975.673a3.13 3.13 0 0 1-2.486-.028a3.08 3.08 0 0 1-1.765-3.365a3.2 3.2 0 0 1 .829-1.59a3.11 3.11 0 0 1 3.354-.692c.567.23 1.05.628 1.384 1.141a3.03 3.03 0 0 1 .527 1.677c.014.415-.063.827-.224 1.209M15.9 8.626a.555.555 0 1 1-1.102 0a.557.557 0 1 1 1.102 0"/><path fill="currentColor" d="M16.875 2.25h-9.75A4.875 4.875 0 0 0 2.25 7.125v9.75a4.875 4.875 0 0 0 4.875 4.875h9.75a4.875 4.875 0 0 0 4.875-4.875v-9.75a4.875 4.875 0 0 0-4.875-4.875m2.067 12.812c.01.51-.087 1.019-.283 1.491a3.9 3.9 0 0 1-2.096 2.096c-.473.196-.98.292-1.492.283H9.075a3.8 3.8 0 0 1-1.492-.282a4 4 0 0 1-1.258-.839a3.9 3.9 0 0 1-.838-1.258a3.7 3.7 0 0 1-.312-1.492V9.018a3.8 3.8 0 0 1 .283-1.492A3.9 3.9 0 0 1 7.535 5.41a3.9 3.9 0 0 1 1.54-.263h6.045a3.8 3.8 0 0 1 2.73 1.121c.357.362.641.79.838 1.258c.195.473.292.98.283 1.492z"/></svg>
React
import type { SVGProps } from "react";
export function MageInstagramSquare(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="M13.823 12.234c-.016.35-.13.688-.331.975a1.7 1.7 0 0 1-.829.643a1.77 1.77 0 0 1-1.053.088a1.8 1.8 0 0 1-.926-.516a1.9 1.9 0 0 1-.468-.976a1.76 1.76 0 0 1 .127-1.043c.144-.327.38-.606.682-.8c.307-.19.662-.291 1.024-.292c.477.026.926.232 1.258.575a1.85 1.85 0 0 1 .516 1.346"/><path fill="currentColor" d="M17.265 8.002a2.26 2.26 0 0 0-1.248-1.248a2.6 2.6 0 0 0-.887-.175H8.968A2.31 2.31 0 0 0 6.667 8.88v6.279a2.3 2.3 0 0 0 .682 1.628a2.32 2.32 0 0 0 1.619.673h6.162a2.32 2.32 0 0 0 2.123-1.419a2.3 2.3 0 0 0 .178-.882v-6.27a2.6 2.6 0 0 0-.166-.887m-2.437 5.441a2.9 2.9 0 0 1-.644.975c-.28.283-.611.51-.975.673a3.13 3.13 0 0 1-2.486-.028a3.08 3.08 0 0 1-1.765-3.365a3.2 3.2 0 0 1 .829-1.59a3.11 3.11 0 0 1 3.354-.692c.567.23 1.05.628 1.384 1.141a3.03 3.03 0 0 1 .527 1.677c.014.415-.063.827-.224 1.209M15.9 8.626a.555.555 0 1 1-1.102 0a.557.557 0 1 1 1.102 0"/><path fill="currentColor" d="M16.875 2.25h-9.75A4.875 4.875 0 0 0 2.25 7.125v9.75a4.875 4.875 0 0 0 4.875 4.875h9.75a4.875 4.875 0 0 0 4.875-4.875v-9.75a4.875 4.875 0 0 0-4.875-4.875m2.067 12.812c.01.51-.087 1.019-.283 1.491a3.9 3.9 0 0 1-2.096 2.096c-.473.196-.98.292-1.492.283H9.075a3.8 3.8 0 0 1-1.492-.282a4 4 0 0 1-1.258-.839a3.9 3.9 0 0 1-.838-1.258a3.7 3.7 0 0 1-.312-1.492V9.018a3.8 3.8 0 0 1 .283-1.492A3.9 3.9 0 0 1 7.535 5.41a3.9 3.9 0 0 1 1.54-.263h6.045a3.8 3.8 0 0 1 2.73 1.121c.357.362.641.79.838 1.258c.195.473.292.98.283 1.492z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.823 12.234c-.016.35-.13.688-.331.975a1.7 1.7 0 0 1-.829.643a1.77 1.77 0 0 1-1.053.088a1.8 1.8 0 0 1-.926-.516a1.9 1.9 0 0 1-.468-.976a1.76 1.76 0 0 1 .127-1.043c.144-.327.38-.606.682-.8c.307-.19.662-.291 1.024-.292c.477.026.926.232 1.258.575a1.85 1.85 0 0 1 .516 1.346"/><path fill="currentColor" d="M17.265 8.002a2.26 2.26 0 0 0-1.248-1.248a2.6 2.6 0 0 0-.887-.175H8.968A2.31 2.31 0 0 0 6.667 8.88v6.279a2.3 2.3 0 0 0 .682 1.628a2.32 2.32 0 0 0 1.619.673h6.162a2.32 2.32 0 0 0 2.123-1.419a2.3 2.3 0 0 0 .178-.882v-6.27a2.6 2.6 0 0 0-.166-.887m-2.437 5.441a2.9 2.9 0 0 1-.644.975c-.28.283-.611.51-.975.673a3.13 3.13 0 0 1-2.486-.028a3.08 3.08 0 0 1-1.765-3.365a3.2 3.2 0 0 1 .829-1.59a3.11 3.11 0 0 1 3.354-.692c.567.23 1.05.628 1.384 1.141a3.03 3.03 0 0 1 .527 1.677c.014.415-.063.827-.224 1.209M15.9 8.626a.555.555 0 1 1-1.102 0a.557.557 0 1 1 1.102 0"/><path fill="currentColor" d="M16.875 2.25h-9.75A4.875 4.875 0 0 0 2.25 7.125v9.75a4.875 4.875 0 0 0 4.875 4.875h9.75a4.875 4.875 0 0 0 4.875-4.875v-9.75a4.875 4.875 0 0 0-4.875-4.875m2.067 12.812c.01.51-.087 1.019-.283 1.491a3.9 3.9 0 0 1-2.096 2.096c-.473.196-.98.292-1.492.283H9.075a3.8 3.8 0 0 1-1.492-.282a4 4 0 0 1-1.258-.839a3.9 3.9 0 0 1-.838-1.258a3.7 3.7 0 0 1-.312-1.492V9.018a3.8 3.8 0 0 1 .283-1.492A3.9 3.9 0 0 1 7.535 5.41a3.9 3.9 0 0 1 1.54-.263h6.045a3.8 3.8 0 0 1 2.73 1.121c.357.362.641.79.838 1.258c.195.473.292.98.283 1.492z"/></svg> </template>
CSS
.icon-instagram-square {
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%22M13.823%2012.234c-.016.35-.13.688-.331.975a1.7%201.7%200%200%201-.829.643a1.77%201.77%200%200%201-1.053.088a1.8%201.8%200%200%201-.926-.516a1.9%201.9%200%200%201-.468-.976a1.76%201.76%200%200%201%20.127-1.043c.144-.327.38-.606.682-.8c.307-.19.662-.291%201.024-.292c.477.026.926.232%201.258.575a1.85%201.85%200%200%201%20.516%201.346%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.265%208.002a2.26%202.26%200%200%200-1.248-1.248a2.6%202.6%200%200%200-.887-.175H8.968A2.31%202.31%200%200%200%206.667%208.88v6.279a2.3%202.3%200%200%200%20.682%201.628a2.32%202.32%200%200%200%201.619.673h6.162a2.32%202.32%200%200%200%202.123-1.419a2.3%202.3%200%200%200%20.178-.882v-6.27a2.6%202.6%200%200%200-.166-.887m-2.437%205.441a2.9%202.9%200%200%201-.644.975c-.28.283-.611.51-.975.673a3.13%203.13%200%200%201-2.486-.028a3.08%203.08%200%200%201-1.765-3.365a3.2%203.2%200%200%201%20.829-1.59a3.11%203.11%200%200%201%203.354-.692c.567.23%201.05.628%201.384%201.141a3.03%203.03%200%200%201%20.527%201.677c.014.415-.063.827-.224%201.209M15.9%208.626a.555.555%200%201%201-1.102%200a.557.557%200%201%201%201.102%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.875%202.25h-9.75A4.875%204.875%200%200%200%202.25%207.125v9.75a4.875%204.875%200%200%200%204.875%204.875h9.75a4.875%204.875%200%200%200%204.875-4.875v-9.75a4.875%204.875%200%200%200-4.875-4.875m2.067%2012.812c.01.51-.087%201.019-.283%201.491a3.9%203.9%200%200%201-2.096%202.096c-.473.196-.98.292-1.492.283H9.075a3.8%203.8%200%200%201-1.492-.282a4%204%200%200%201-1.258-.839a3.9%203.9%200%200%201-.838-1.258a3.7%203.7%200%200%201-.312-1.492V9.018a3.8%203.8%200%200%201%20.283-1.492A3.9%203.9%200%200%201%207.535%205.41a3.9%203.9%200%200%201%201.54-.263h6.045a3.8%203.8%200%200%201%202.73%201.121c.357.362.641.79.838%201.258c.195.473.292.98.283%201.492z%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%22M13.823%2012.234c-.016.35-.13.688-.331.975a1.7%201.7%200%200%201-.829.643a1.77%201.77%200%200%201-1.053.088a1.8%201.8%200%200%201-.926-.516a1.9%201.9%200%200%201-.468-.976a1.76%201.76%200%200%201%20.127-1.043c.144-.327.38-.606.682-.8c.307-.19.662-.291%201.024-.292c.477.026.926.232%201.258.575a1.85%201.85%200%200%201%20.516%201.346%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.265%208.002a2.26%202.26%200%200%200-1.248-1.248a2.6%202.6%200%200%200-.887-.175H8.968A2.31%202.31%200%200%200%206.667%208.88v6.279a2.3%202.3%200%200%200%20.682%201.628a2.32%202.32%200%200%200%201.619.673h6.162a2.32%202.32%200%200%200%202.123-1.419a2.3%202.3%200%200%200%20.178-.882v-6.27a2.6%202.6%200%200%200-.166-.887m-2.437%205.441a2.9%202.9%200%200%201-.644.975c-.28.283-.611.51-.975.673a3.13%203.13%200%200%201-2.486-.028a3.08%203.08%200%200%201-1.765-3.365a3.2%203.2%200%200%201%20.829-1.59a3.11%203.11%200%200%201%203.354-.692c.567.23%201.05.628%201.384%201.141a3.03%203.03%200%200%201%20.527%201.677c.014.415-.063.827-.224%201.209M15.9%208.626a.555.555%200%201%201-1.102%200a.557.557%200%201%201%201.102%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.875%202.25h-9.75A4.875%204.875%200%200%200%202.25%207.125v9.75a4.875%204.875%200%200%200%204.875%204.875h9.75a4.875%204.875%200%200%200%204.875-4.875v-9.75a4.875%204.875%200%200%200-4.875-4.875m2.067%2012.812c.01.51-.087%201.019-.283%201.491a3.9%203.9%200%200%201-2.096%202.096c-.473.196-.98.292-1.492.283H9.075a3.8%203.8%200%200%201-1.492-.282a4%204%200%200%201-1.258-.839a3.9%203.9%200%200%201-.838-1.258a3.7%203.7%200%200%201-.312-1.492V9.018a3.8%203.8%200%200%201%20.283-1.492A3.9%203.9%200%200%201%207.535%205.41a3.9%203.9%200%200%201%201.54-.263h6.045a3.8%203.8%200%200%201%202.73%201.121c.357.362.641.79.838%201.258c.195.473.292.98.283%201.492z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/instagram-square.svg?color=%231a73e8&size=48
