square build awesome stroke logo
square-build-awesome-stroke from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.
- Name
- square-build-awesome-stroke
- Set
- Font Awesome Brands
- Style
- Brand
- Viewbox
- 640×640
- License
- CC BY 4.0
Related icons in Font Awesome Brands
square-behancesquare-blueskysquare-deskprosquare-dribbblesquare-facebooksquare-figmasquare-font-awesomesquare-font-awesome-strokesquare-gitsquare-githubsquare-gitlabsquare-google-plussquare-hacker-newssquare-instagramsquare-jssquare-kickstartersquare-lastfmsquare-letterboxdsquare-linkedinsquare-odnoklassnikisquare-pied-pipersquare-pinterestsquare-redditsquare-snapchat
Use the square build awesome stroke logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M480 96c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H160c-35.3 0-64-28.7-64-64V160c0-35.3 28.7-64 64-64zm-320 32c-17.7 0-32 14.3-32 32v320c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32zm160 64c57.4 0 104 46.6 104 104c0 47.1-36.7 97.6-77.2 114.3l12.1 27.2c.8 1.7 1.1 3.5 1.1 5.4c0 7.3-5.9 13.2-13.2 13.2h-53.6c-7.3 0-13.2-5.9-13.2-13.2c0-1.8.4-3.7 1.1-5.4l12.1-27.2C252.7 393.6 216 343.1 216 296c0-57.4 46.6-104 104-104m-14.5 33.5c-31.3 6.4-55.2 33.1-57.4 65.8c-.4 6.6 4.6 12.3 11.2 12.8s12.3-4.6 12.8-11.2c1.4-21.7 17.4-39.6 38.2-43.8c6.5-1.3 10.7-7.7 9.3-14.2s-7.7-10.7-14.2-9.3z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7BrandsSquareBuildAwesomeStroke(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M480 96c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H160c-35.3 0-64-28.7-64-64V160c0-35.3 28.7-64 64-64zm-320 32c-17.7 0-32 14.3-32 32v320c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32zm160 64c57.4 0 104 46.6 104 104c0 47.1-36.7 97.6-77.2 114.3l12.1 27.2c.8 1.7 1.1 3.5 1.1 5.4c0 7.3-5.9 13.2-13.2 13.2h-53.6c-7.3 0-13.2-5.9-13.2-13.2c0-1.8.4-3.7 1.1-5.4l12.1-27.2C252.7 393.6 216 343.1 216 296c0-57.4 46.6-104 104-104m-14.5 33.5c-31.3 6.4-55.2 33.1-57.4 65.8c-.4 6.6 4.6 12.3 11.2 12.8s12.3-4.6 12.8-11.2c1.4-21.7 17.4-39.6 38.2-43.8c6.5-1.3 10.7-7.7 9.3-14.2s-7.7-10.7-14.2-9.3z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M480 96c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H160c-35.3 0-64-28.7-64-64V160c0-35.3 28.7-64 64-64zm-320 32c-17.7 0-32 14.3-32 32v320c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32zm160 64c57.4 0 104 46.6 104 104c0 47.1-36.7 97.6-77.2 114.3l12.1 27.2c.8 1.7 1.1 3.5 1.1 5.4c0 7.3-5.9 13.2-13.2 13.2h-53.6c-7.3 0-13.2-5.9-13.2-13.2c0-1.8.4-3.7 1.1-5.4l12.1-27.2C252.7 393.6 216 343.1 216 296c0-57.4 46.6-104 104-104m-14.5 33.5c-31.3 6.4-55.2 33.1-57.4 65.8c-.4 6.6 4.6 12.3 11.2 12.8s12.3-4.6 12.8-11.2c1.4-21.7 17.4-39.6 38.2-43.8c6.5-1.3 10.7-7.7 9.3-14.2s-7.7-10.7-14.2-9.3z"/></svg> </template>
CSS
.icon-square-build-awesome-stroke {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M480%2096c35.3%200%2064%2028.7%2064%2064v320c0%2035.3-28.7%2064-64%2064H160c-35.3%200-64-28.7-64-64V160c0-35.3%2028.7-64%2064-64zm-320%2032c-17.7%200-32%2014.3-32%2032v320c0%2017.7%2014.3%2032%2032%2032h320c17.7%200%2032-14.3%2032-32V160c0-17.7-14.3-32-32-32zm160%2064c57.4%200%20104%2046.6%20104%20104c0%2047.1-36.7%2097.6-77.2%20114.3l12.1%2027.2c.8%201.7%201.1%203.5%201.1%205.4c0%207.3-5.9%2013.2-13.2%2013.2h-53.6c-7.3%200-13.2-5.9-13.2-13.2c0-1.8.4-3.7%201.1-5.4l12.1-27.2C252.7%20393.6%20216%20343.1%20216%20296c0-57.4%2046.6-104%20104-104m-14.5%2033.5c-31.3%206.4-55.2%2033.1-57.4%2065.8c-.4%206.6%204.6%2012.3%2011.2%2012.8s12.3-4.6%2012.8-11.2c1.4-21.7%2017.4-39.6%2038.2-43.8c6.5-1.3%2010.7-7.7%209.3-14.2s-7.7-10.7-14.2-9.3z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M480%2096c35.3%200%2064%2028.7%2064%2064v320c0%2035.3-28.7%2064-64%2064H160c-35.3%200-64-28.7-64-64V160c0-35.3%2028.7-64%2064-64zm-320%2032c-17.7%200-32%2014.3-32%2032v320c0%2017.7%2014.3%2032%2032%2032h320c17.7%200%2032-14.3%2032-32V160c0-17.7-14.3-32-32-32zm160%2064c57.4%200%20104%2046.6%20104%20104c0%2047.1-36.7%2097.6-77.2%20114.3l12.1%2027.2c.8%201.7%201.1%203.5%201.1%205.4c0%207.3-5.9%2013.2-13.2%2013.2h-53.6c-7.3%200-13.2-5.9-13.2-13.2c0-1.8.4-3.7%201.1-5.4l12.1-27.2C252.7%20393.6%20216%20343.1%20216%20296c0-57.4%2046.6-104%20104-104m-14.5%2033.5c-31.3%206.4-55.2%2033.1-57.4%2065.8c-.4%206.6%204.6%2012.3%2011.2%2012.8s12.3-4.6%2012.8-11.2c1.4-21.7%2017.4-39.6%2038.2-43.8c6.5-1.3%2010.7-7.7%209.3-14.2s-7.7-10.7-14.2-9.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/square-build-awesome-stroke.svg?color=%231a73e8&size=48
