square js logo
square-js from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.
- Name
- square-js
- Set
- Font Awesome Brands
- Style
- Brand
- Viewbox
- 640×640
- License
- CC BY 4.0
The same logo in other sets
Related icons in Font Awesome Brands
square-behancesquare-blueskysquare-build-awesome-strokesquare-deskprosquare-dribbblesquare-facebooksquare-figmasquare-font-awesomesquare-font-awesome-strokesquare-gitsquare-githubsquare-gitlabsquare-google-plussquare-hacker-newssquare-instagramsquare-kickstartersquare-lastfmsquare-letterboxdsquare-linkedinsquare-odnoklassnikisquare-pied-pipersquare-pinterestsquare-redditsquare-snapchat
Use the square js logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M544 160c0-35.3-28.7-64-64-64H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64zM276.9 508.9c-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6c13.8 0 22.6-5.4 22.6-26.5V301.7h42.1v143.7c0 43.6-25.6 63.5-62.9 63.5m85.8-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6c17.4 0 28.6-8.7 28.6-20.8c0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5c0-31.6 24.1-55.6 61.6-55.6c26.8 0 46 9.3 59.8 33.7L464 354c-7.2-12.9-15-18-27.1-18c-12.3 0-20.1 7.8-20.1 18c0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2c0 37.8-29.8 58.6-69.7 58.6c-39.1 0-64.4-18.6-76.7-43"/></svg>
React
import type { SVGProps } from "react";
export function Fa7BrandsSquareJs(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="M544 160c0-35.3-28.7-64-64-64H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64zM276.9 508.9c-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6c13.8 0 22.6-5.4 22.6-26.5V301.7h42.1v143.7c0 43.6-25.6 63.5-62.9 63.5m85.8-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6c17.4 0 28.6-8.7 28.6-20.8c0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5c0-31.6 24.1-55.6 61.6-55.6c26.8 0 46 9.3 59.8 33.7L464 354c-7.2-12.9-15-18-27.1-18c-12.3 0-20.1 7.8-20.1 18c0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2c0 37.8-29.8 58.6-69.7 58.6c-39.1 0-64.4-18.6-76.7-43"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M544 160c0-35.3-28.7-64-64-64H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64zM276.9 508.9c-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6c13.8 0 22.6-5.4 22.6-26.5V301.7h42.1v143.7c0 43.6-25.6 63.5-62.9 63.5m85.8-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6c17.4 0 28.6-8.7 28.6-20.8c0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5c0-31.6 24.1-55.6 61.6-55.6c26.8 0 46 9.3 59.8 33.7L464 354c-7.2-12.9-15-18-27.1-18c-12.3 0-20.1 7.8-20.1 18c0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2c0 37.8-29.8 58.6-69.7 58.6c-39.1 0-64.4-18.6-76.7-43"/></svg> </template>
CSS
.icon-square-js {
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%22M544%20160c0-35.3-28.7-64-64-64H160c-35.3%200-64%2028.7-64%2064v320c0%2035.3%2028.7%2064%2064%2064h320c35.3%200%2064-28.7%2064-64zM276.9%20508.9c-33.7%200-53.2-17.4-63.2-38.5l34.3-20.7c6.6%2011.7%2012.6%2021.6%2027.1%2021.6c13.8%200%2022.6-5.4%2022.6-26.5V301.7h42.1v143.7c0%2043.6-25.6%2063.5-62.9%2063.5m85.8-43l34.3-19.8c9%2014.7%2020.8%2025.6%2041.5%2025.6c17.4%200%2028.6-8.7%2028.6-20.8c0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5c0-31.6%2024.1-55.6%2061.6-55.6c26.8%200%2046%209.3%2059.8%2033.7L464%20354c-7.2-12.9-15-18-27.1-18c-12.3%200-20.1%207.8-20.1%2018c0%2012.6%207.8%2017.7%2025.9%2025.6l10.5%204.5c35.8%2015.3%2055.9%2031%2055.9%2066.2c0%2037.8-29.8%2058.6-69.7%2058.6c-39.1%200-64.4-18.6-76.7-43%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%22M544%20160c0-35.3-28.7-64-64-64H160c-35.3%200-64%2028.7-64%2064v320c0%2035.3%2028.7%2064%2064%2064h320c35.3%200%2064-28.7%2064-64zM276.9%20508.9c-33.7%200-53.2-17.4-63.2-38.5l34.3-20.7c6.6%2011.7%2012.6%2021.6%2027.1%2021.6c13.8%200%2022.6-5.4%2022.6-26.5V301.7h42.1v143.7c0%2043.6-25.6%2063.5-62.9%2063.5m85.8-43l34.3-19.8c9%2014.7%2020.8%2025.6%2041.5%2025.6c17.4%200%2028.6-8.7%2028.6-20.8c0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5c0-31.6%2024.1-55.6%2061.6-55.6c26.8%200%2046%209.3%2059.8%2033.7L464%20354c-7.2-12.9-15-18-27.1-18c-12.3%200-20.1%207.8-20.1%2018c0%2012.6%207.8%2017.7%2025.9%2025.6l10.5%204.5c35.8%2015.3%2055.9%2031%2055.9%2066.2c0%2037.8-29.8%2058.6-69.7%2058.6c-39.1%200-64.4-18.6-76.7-43%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/square-js.svg?color=%231a73e8&size=48
