square logo

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

Name
square
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

The same logo in other sets

squareAkar IconssquareBootstrap IconssquareBoxIcons v2squareBoxIcons v2 Solidsquare-fillEva IconssquareFramework7 IconssquareFont Awesome 6 RegularsquareFont Awesome 6 SolidsquareFont Awesome RegularsquareFont Awesome SolidsquareFeather Iconssquare-12-filledFluent UI System Iconssquarecss.ggsquareHuge IconssquareHumbleiconssquareIconParksquareIconPark OutlinesquareIconPark SolidsquareIconPark TwoTonesquareIconoirsquareIonIconssquareJam IconssquareLine AwesomesquareMaterial Line Icons

Use the square logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="#2e3b4e"><path d="M212.651 0H42.67C19.107 0 0 19.1 0 42.67v169.98c0 23.569 19.107 42.67 42.67 42.67h169.98c23.569 0 42.67-19.101 42.67-42.67V42.67C255.326 19.101 236.226 0 212.65 0m-3.748 195.448c0 7.438-6.029 13.46-13.461 13.46H59.908c-7.439 0-13.467-6.022-13.467-13.46V59.908c0-7.439 6.028-13.467 13.467-13.467h135.534c7.432 0 13.46 6.028 13.46 13.467z"/><path d="M100.57 162.48c-4.27 0-7.729-3.482-7.729-7.77v-54.1c0-4.287 3.458-7.769 7.729-7.769h54.18c4.283 0 7.73 3.482 7.73 7.77v54.1c0 4.287-3.447 7.768-7.73 7.768z"/></g></svg>

React

import type { SVGProps } from "react";

export function LogosSquare(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="#2e3b4e"><path d="M212.651 0H42.67C19.107 0 0 19.1 0 42.67v169.98c0 23.569 19.107 42.67 42.67 42.67h169.98c23.569 0 42.67-19.101 42.67-42.67V42.67C255.326 19.101 236.226 0 212.65 0m-3.748 195.448c0 7.438-6.029 13.46-13.461 13.46H59.908c-7.439 0-13.467-6.022-13.467-13.46V59.908c0-7.439 6.028-13.467 13.467-13.467h135.534c7.432 0 13.46 6.028 13.46 13.467z"/><path d="M100.57 162.48c-4.27 0-7.729-3.482-7.729-7.77v-54.1c0-4.287 3.458-7.769 7.729-7.769h54.18c4.283 0 7.73 3.482 7.73 7.77v54.1c0 4.287-3.447 7.768-7.73 7.768z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="#2e3b4e"><path d="M212.651 0H42.67C19.107 0 0 19.1 0 42.67v169.98c0 23.569 19.107 42.67 42.67 42.67h169.98c23.569 0 42.67-19.101 42.67-42.67V42.67C255.326 19.101 236.226 0 212.65 0m-3.748 195.448c0 7.438-6.029 13.46-13.461 13.46H59.908c-7.439 0-13.467-6.022-13.467-13.46V59.908c0-7.439 6.028-13.467 13.467-13.467h135.534c7.432 0 13.46 6.028 13.46 13.467z"/><path d="M100.57 162.48c-4.27 0-7.729-3.482-7.729-7.77v-54.1c0-4.287 3.458-7.769 7.729-7.769h54.18c4.283 0 7.73 3.482 7.73 7.77v54.1c0 4.287-3.447 7.768-7.73 7.768z"/></g></svg>
</template>

CSS

.icon-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%20256%20256%22%3E%3Cg%20fill%3D%22%232e3b4e%22%3E%3Cpath%20d%3D%22M212.651%200H42.67C19.107%200%200%2019.1%200%2042.67v169.98c0%2023.569%2019.107%2042.67%2042.67%2042.67h169.98c23.569%200%2042.67-19.101%2042.67-42.67V42.67C255.326%2019.101%20236.226%200%20212.65%200m-3.748%20195.448c0%207.438-6.029%2013.46-13.461%2013.46H59.908c-7.439%200-13.467-6.022-13.467-13.46V59.908c0-7.439%206.028-13.467%2013.467-13.467h135.534c7.432%200%2013.46%206.028%2013.46%2013.467z%22%2F%3E%3Cpath%20d%3D%22M100.57%20162.48c-4.27%200-7.729-3.482-7.729-7.77v-54.1c0-4.287%203.458-7.769%207.729-7.769h54.18c4.283%200%207.73%203.482%207.73%207.77v54.1c0%204.287-3.447%207.768-7.73%207.768z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22%232e3b4e%22%3E%3Cpath%20d%3D%22M212.651%200H42.67C19.107%200%200%2019.1%200%2042.67v169.98c0%2023.569%2019.107%2042.67%2042.67%2042.67h169.98c23.569%200%2042.67-19.101%2042.67-42.67V42.67C255.326%2019.101%20236.226%200%20212.65%200m-3.748%20195.448c0%207.438-6.029%2013.46-13.461%2013.46H59.908c-7.439%200-13.467-6.022-13.467-13.46V59.908c0-7.439%206.028-13.467%2013.467-13.467h135.534c7.432%200%2013.46%206.028%2013.46%2013.467z%22%2F%3E%3Cpath%20d%3D%22M100.57%20162.48c-4.27%200-7.729-3.482-7.729-7.77v-54.1c0-4.287%203.458-7.769%207.729-7.769h54.18c4.283%200%207.73%203.482%207.73%207.77v54.1c0%204.287-3.447%207.768-7.73%207.768z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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