threads square icon

threads-square from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.

Name: threads-square
Set: Mage Icons
Style: Outline
Viewbox: 24×24
License: Apache 2.0

Use the threads square icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGngv3Lbdb" fill="currentColor" d="M14 12.31c-.022.42-.117.833-.28 1.22a1.6 1.6 0 0 1-.63.71c-.186.1-.39.165-.6.19a2.4 2.4 0 0 1-.92 0a1.6 1.6 0 0 1-.55-.27a1 1 0 0 1-.08-1.42a1.5 1.5 0 0 1 .67-.38c.272-.085.555-.125.84-.12q.39-.023.78 0q.363.028.72.1z"/></defs><use href="#SVGngv3Lbdb"/><path fill="currentColor" d="M17 2H7a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5M7.52 14.53A5 5 0 0 0 8.24 16a4 4 0 0 0 1.81 1.39c.447.166.915.274 1.39.32q.7.068 1.4 0a4.6 4.6 0 0 0 1.57-.41a3.6 3.6 0 0 0 1.39-1.2a2.42 2.42 0 0 0 .33-2.1a2 2 0 0 0-.8-1.09l-.2-.14c0 .09 0 .17-.05.25c-.07.45-.22.882-.44 1.28a2.63 2.63 0 0 1-1.92 1.34a3.3 3.3 0 0 1-1.59-.08A2.55 2.55 0 0 1 10 14.9a2.17 2.17 0 0 1-.61-1.29a2.2 2.2 0 0 1 1-2.12a3.3 3.3 0 0 1 1.2-.49q.636-.105 1.28-.09a8 8 0 0 1 1 .09h.06a2.4 2.4 0 0 0-.27-.78a1.38 1.38 0 0 0-.89-.64a2.3 2.3 0 0 0-1.35 0a1.66 1.66 0 0 0-.79.59v.07l-1-.69v-.07a2.84 2.84 0 0 1 1.77-1.17a3.63 3.63 0 0 1 1.85.08a2.55 2.55 0 0 1 1.55 1.33c.176.359.295.744.35 1.14a4 4 0 0 1 .05.52l.3.14a4 4 0 0 1 1.22 1c.346.427.573.937.66 1.48c.071.328.095.665.07 1a3.75 3.75 0 0 1-.93 2.25a4.93 4.93 0 0 1-2.7 1.63a8 8 0 0 1-1.41.17a8 8 0 0 1-1.29-.05a6.3 6.3 0 0 1-2-.58a5.2 5.2 0 0 1-2-1.79a6.8 6.8 0 0 1-.83-1.86q-.201-.744-.29-1.51V12c0-.42 0-.84.07-1.26a9.5 9.5 0 0 1 .23-1.41A6.3 6.3 0 0 1 7 7.67a5.1 5.1 0 0 1 2.86-2.35A7.4 7.4 0 0 1 11.2 5a7.6 7.6 0 0 1 1.72 0a6.4 6.4 0 0 1 2 .52a5.17 5.17 0 0 1 2.24 1.9A6.6 6.6 0 0 1 18 9.38l-1.18.32v-.08a5.6 5.6 0 0 0-.58-1.35A4.08 4.08 0 0 0 14 6.52a5.6 5.6 0 0 0-1.52-.29a7 7 0 0 0-1.15 0a5 5 0 0 0-1.7.48A3.93 3.93 0 0 0 8 8.31a5.8 5.8 0 0 0-.57 1.49a8 8 0 0 0-.21 1.29a10 10 0 0 0 0 1.25a8.6 8.6 0 0 0 .3 2.19"/><use href="#SVGngv3Lbdb"/></svg>

React

import type { SVGProps } from "react";

export function MageThreadsSquare(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGngv3Lbdb" fill="currentColor" d="M14 12.31c-.022.42-.117.833-.28 1.22a1.6 1.6 0 0 1-.63.71c-.186.1-.39.165-.6.19a2.4 2.4 0 0 1-.92 0a1.6 1.6 0 0 1-.55-.27a1 1 0 0 1-.08-1.42a1.5 1.5 0 0 1 .67-.38c.272-.085.555-.125.84-.12q.39-.023.78 0q.363.028.72.1z"/></defs><use href="#SVGngv3Lbdb"/><path fill="currentColor" d="M17 2H7a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5M7.52 14.53A5 5 0 0 0 8.24 16a4 4 0 0 0 1.81 1.39c.447.166.915.274 1.39.32q.7.068 1.4 0a4.6 4.6 0 0 0 1.57-.41a3.6 3.6 0 0 0 1.39-1.2a2.42 2.42 0 0 0 .33-2.1a2 2 0 0 0-.8-1.09l-.2-.14c0 .09 0 .17-.05.25c-.07.45-.22.882-.44 1.28a2.63 2.63 0 0 1-1.92 1.34a3.3 3.3 0 0 1-1.59-.08A2.55 2.55 0 0 1 10 14.9a2.17 2.17 0 0 1-.61-1.29a2.2 2.2 0 0 1 1-2.12a3.3 3.3 0 0 1 1.2-.49q.636-.105 1.28-.09a8 8 0 0 1 1 .09h.06a2.4 2.4 0 0 0-.27-.78a1.38 1.38 0 0 0-.89-.64a2.3 2.3 0 0 0-1.35 0a1.66 1.66 0 0 0-.79.59v.07l-1-.69v-.07a2.84 2.84 0 0 1 1.77-1.17a3.63 3.63 0 0 1 1.85.08a2.55 2.55 0 0 1 1.55 1.33c.176.359.295.744.35 1.14a4 4 0 0 1 .05.52l.3.14a4 4 0 0 1 1.22 1c.346.427.573.937.66 1.48c.071.328.095.665.07 1a3.75 3.75 0 0 1-.93 2.25a4.93 4.93 0 0 1-2.7 1.63a8 8 0 0 1-1.41.17a8 8 0 0 1-1.29-.05a6.3 6.3 0 0 1-2-.58a5.2 5.2 0 0 1-2-1.79a6.8 6.8 0 0 1-.83-1.86q-.201-.744-.29-1.51V12c0-.42 0-.84.07-1.26a9.5 9.5 0 0 1 .23-1.41A6.3 6.3 0 0 1 7 7.67a5.1 5.1 0 0 1 2.86-2.35A7.4 7.4 0 0 1 11.2 5a7.6 7.6 0 0 1 1.72 0a6.4 6.4 0 0 1 2 .52a5.17 5.17 0 0 1 2.24 1.9A6.6 6.6 0 0 1 18 9.38l-1.18.32v-.08a5.6 5.6 0 0 0-.58-1.35A4.08 4.08 0 0 0 14 6.52a5.6 5.6 0 0 0-1.52-.29a7 7 0 0 0-1.15 0a5 5 0 0 0-1.7.48A3.93 3.93 0 0 0 8 8.31a5.8 5.8 0 0 0-.57 1.49a8 8 0 0 0-.21 1.29a10 10 0 0 0 0 1.25a8.6 8.6 0 0 0 .3 2.19"/><use href="#SVGngv3Lbdb"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGngv3Lbdb" fill="currentColor" d="M14 12.31c-.022.42-.117.833-.28 1.22a1.6 1.6 0 0 1-.63.71c-.186.1-.39.165-.6.19a2.4 2.4 0 0 1-.92 0a1.6 1.6 0 0 1-.55-.27a1 1 0 0 1-.08-1.42a1.5 1.5 0 0 1 .67-.38c.272-.085.555-.125.84-.12q.39-.023.78 0q.363.028.72.1z"/></defs><use href="#SVGngv3Lbdb"/><path fill="currentColor" d="M17 2H7a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5M7.52 14.53A5 5 0 0 0 8.24 16a4 4 0 0 0 1.81 1.39c.447.166.915.274 1.39.32q.7.068 1.4 0a4.6 4.6 0 0 0 1.57-.41a3.6 3.6 0 0 0 1.39-1.2a2.42 2.42 0 0 0 .33-2.1a2 2 0 0 0-.8-1.09l-.2-.14c0 .09 0 .17-.05.25c-.07.45-.22.882-.44 1.28a2.63 2.63 0 0 1-1.92 1.34a3.3 3.3 0 0 1-1.59-.08A2.55 2.55 0 0 1 10 14.9a2.17 2.17 0 0 1-.61-1.29a2.2 2.2 0 0 1 1-2.12a3.3 3.3 0 0 1 1.2-.49q.636-.105 1.28-.09a8 8 0 0 1 1 .09h.06a2.4 2.4 0 0 0-.27-.78a1.38 1.38 0 0 0-.89-.64a2.3 2.3 0 0 0-1.35 0a1.66 1.66 0 0 0-.79.59v.07l-1-.69v-.07a2.84 2.84 0 0 1 1.77-1.17a3.63 3.63 0 0 1 1.85.08a2.55 2.55 0 0 1 1.55 1.33c.176.359.295.744.35 1.14a4 4 0 0 1 .05.52l.3.14a4 4 0 0 1 1.22 1c.346.427.573.937.66 1.48c.071.328.095.665.07 1a3.75 3.75 0 0 1-.93 2.25a4.93 4.93 0 0 1-2.7 1.63a8 8 0 0 1-1.41.17a8 8 0 0 1-1.29-.05a6.3 6.3 0 0 1-2-.58a5.2 5.2 0 0 1-2-1.79a6.8 6.8 0 0 1-.83-1.86q-.201-.744-.29-1.51V12c0-.42 0-.84.07-1.26a9.5 9.5 0 0 1 .23-1.41A6.3 6.3 0 0 1 7 7.67a5.1 5.1 0 0 1 2.86-2.35A7.4 7.4 0 0 1 11.2 5a7.6 7.6 0 0 1 1.72 0a6.4 6.4 0 0 1 2 .52a5.17 5.17 0 0 1 2.24 1.9A6.6 6.6 0 0 1 18 9.38l-1.18.32v-.08a5.6 5.6 0 0 0-.58-1.35A4.08 4.08 0 0 0 14 6.52a5.6 5.6 0 0 0-1.52-.29a7 7 0 0 0-1.15 0a5 5 0 0 0-1.7.48A3.93 3.93 0 0 0 8 8.31a5.8 5.8 0 0 0-.57 1.49a8 8 0 0 0-.21 1.29a10 10 0 0 0 0 1.25a8.6 8.6 0 0 0 .3 2.19"/><use href="#SVGngv3Lbdb"/></svg>
</template>

CSS

.icon-threads-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%3Cdefs%3E%3Cpath%20id%3D%22SVGngv3Lbdb%22%20fill%3D%22currentColor%22%20d%3D%22M14%2012.31c-.022.42-.117.833-.28%201.22a1.6%201.6%200%200%201-.63.71c-.186.1-.39.165-.6.19a2.4%202.4%200%200%201-.92%200a1.6%201.6%200%200%201-.55-.27a1%201%200%200%201-.08-1.42a1.5%201.5%200%200%201%20.67-.38c.272-.085.555-.125.84-.12q.39-.023.78%200q.363.028.72.1z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23SVGngv3Lbdb%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%202H7a5%205%200%200%200-5%205v10a5%205%200%200%200%205%205h10a5%205%200%200%200%205-5V7a5%205%200%200%200-5-5M7.52%2014.53A5%205%200%200%200%208.24%2016a4%204%200%200%200%201.81%201.39c.447.166.915.274%201.39.32q.7.068%201.4%200a4.6%204.6%200%200%200%201.57-.41a3.6%203.6%200%200%200%201.39-1.2a2.42%202.42%200%200%200%20.33-2.1a2%202%200%200%200-.8-1.09l-.2-.14c0%20.09%200%20.17-.05.25c-.07.45-.22.882-.44%201.28a2.63%202.63%200%200%201-1.92%201.34a3.3%203.3%200%200%201-1.59-.08A2.55%202.55%200%200%201%2010%2014.9a2.17%202.17%200%200%201-.61-1.29a2.2%202.2%200%200%201%201-2.12a3.3%203.3%200%200%201%201.2-.49q.636-.105%201.28-.09a8%208%200%200%201%201%20.09h.06a2.4%202.4%200%200%200-.27-.78a1.38%201.38%200%200%200-.89-.64a2.3%202.3%200%200%200-1.35%200a1.66%201.66%200%200%200-.79.59v.07l-1-.69v-.07a2.84%202.84%200%200%201%201.77-1.17a3.63%203.63%200%200%201%201.85.08a2.55%202.55%200%200%201%201.55%201.33c.176.359.295.744.35%201.14a4%204%200%200%201%20.05.52l.3.14a4%204%200%200%201%201.22%201c.346.427.573.937.66%201.48c.071.328.095.665.07%201a3.75%203.75%200%200%201-.93%202.25a4.93%204.93%200%200%201-2.7%201.63a8%208%200%200%201-1.41.17a8%208%200%200%201-1.29-.05a6.3%206.3%200%200%201-2-.58a5.2%205.2%200%200%201-2-1.79a6.8%206.8%200%200%201-.83-1.86q-.201-.744-.29-1.51V12c0-.42%200-.84.07-1.26a9.5%209.5%200%200%201%20.23-1.41A6.3%206.3%200%200%201%207%207.67a5.1%205.1%200%200%201%202.86-2.35A7.4%207.4%200%200%201%2011.2%205a7.6%207.6%200%200%201%201.72%200a6.4%206.4%200%200%201%202%20.52a5.17%205.17%200%200%201%202.24%201.9A6.6%206.6%200%200%201%2018%209.38l-1.18.32v-.08a5.6%205.6%200%200%200-.58-1.35A4.08%204.08%200%200%200%2014%206.52a5.6%205.6%200%200%200-1.52-.29a7%207%200%200%200-1.15%200a5%205%200%200%200-1.7.48A3.93%203.93%200%200%200%208%208.31a5.8%205.8%200%200%200-.57%201.49a8%208%200%200%200-.21%201.29a10%2010%200%200%200%200%201.25a8.6%208.6%200%200%200%20.3%202.19%22%2F%3E%3Cuse%20href%3D%22%23SVGngv3Lbdb%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%3Cdefs%3E%3Cpath%20id%3D%22SVGngv3Lbdb%22%20fill%3D%22currentColor%22%20d%3D%22M14%2012.31c-.022.42-.117.833-.28%201.22a1.6%201.6%200%200%201-.63.71c-.186.1-.39.165-.6.19a2.4%202.4%200%200%201-.92%200a1.6%201.6%200%200%201-.55-.27a1%201%200%200%201-.08-1.42a1.5%201.5%200%200%201%20.67-.38c.272-.085.555-.125.84-.12q.39-.023.78%200q.363.028.72.1z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23SVGngv3Lbdb%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%202H7a5%205%200%200%200-5%205v10a5%205%200%200%200%205%205h10a5%205%200%200%200%205-5V7a5%205%200%200%200-5-5M7.52%2014.53A5%205%200%200%200%208.24%2016a4%204%200%200%200%201.81%201.39c.447.166.915.274%201.39.32q.7.068%201.4%200a4.6%204.6%200%200%200%201.57-.41a3.6%203.6%200%200%200%201.39-1.2a2.42%202.42%200%200%200%20.33-2.1a2%202%200%200%200-.8-1.09l-.2-.14c0%20.09%200%20.17-.05.25c-.07.45-.22.882-.44%201.28a2.63%202.63%200%200%201-1.92%201.34a3.3%203.3%200%200%201-1.59-.08A2.55%202.55%200%200%201%2010%2014.9a2.17%202.17%200%200%201-.61-1.29a2.2%202.2%200%200%201%201-2.12a3.3%203.3%200%200%201%201.2-.49q.636-.105%201.28-.09a8%208%200%200%201%201%20.09h.06a2.4%202.4%200%200%200-.27-.78a1.38%201.38%200%200%200-.89-.64a2.3%202.3%200%200%200-1.35%200a1.66%201.66%200%200%200-.79.59v.07l-1-.69v-.07a2.84%202.84%200%200%201%201.77-1.17a3.63%203.63%200%200%201%201.85.08a2.55%202.55%200%200%201%201.55%201.33c.176.359.295.744.35%201.14a4%204%200%200%201%20.05.52l.3.14a4%204%200%200%201%201.22%201c.346.427.573.937.66%201.48c.071.328.095.665.07%201a3.75%203.75%200%200%201-.93%202.25a4.93%204.93%200%200%201-2.7%201.63a8%208%200%200%201-1.41.17a8%208%200%200%201-1.29-.05a6.3%206.3%200%200%201-2-.58a5.2%205.2%200%200%201-2-1.79a6.8%206.8%200%200%201-.83-1.86q-.201-.744-.29-1.51V12c0-.42%200-.84.07-1.26a9.5%209.5%200%200%201%20.23-1.41A6.3%206.3%200%200%201%207%207.67a5.1%205.1%200%200%201%202.86-2.35A7.4%207.4%200%200%201%2011.2%205a7.6%207.6%200%200%201%201.72%200a6.4%206.4%200%200%201%202%20.52a5.17%205.17%200%200%201%202.24%201.9A6.6%206.6%200%200%201%2018%209.38l-1.18.32v-.08a5.6%205.6%200%200%200-.58-1.35A4.08%204.08%200%200%200%2014%206.52a5.6%205.6%200%200%200-1.52-.29a7%207%200%200%200-1.15%200a5%205%200%200%200-1.7.48A3.93%203.93%200%200%200%208%208.31a5.8%205.8%200%200%200-.57%201.49a8%208%200%200%200-.21%201.29a10%2010%200%200%200%200%201.25a8.6%208.6%200%200%200%20.3%202.19%22%2F%3E%3Cuse%20href%3D%22%23SVGngv3Lbdb%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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