square upwork logo
square-upwork from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- square-upwork
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 448×512
- License
- CC BY 4.0
The same logo in other sets
Related icons in Font Awesome 6 Brands
square-behancesquare-blueskysquare-dribbblesquare-facebooksquare-font-awesomesquare-font-awesome-strokesquare-gitsquare-githubsquare-gitlabsquare-google-plussquare-hacker-newssquare-instagramsquare-jssquare-lastfmsquare-letterboxdsquare-odnoklassnikisquare-pied-pipersquare-pinterestsquare-redditsquare-snapchatsquare-steamsquare-threadssquare-tumblrsquare-twitter
Use the square upwork logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M56 32h336c30.9 0 56 25.1 56 56v336c0 30.9-25.1 56-56 56H56c-30.9 0-56-25.1-56-56V88c0-30.9 25.1-56 56-56m214.9 242.2c6.6-52.9 25.9-69.5 51.4-69.5c25.3 0 44.9 20.2 44.9 49.7s-19.7 49.7-44.9 49.7c-27.9 0-46.3-21.5-51.4-29.9m-26.7-41.8c-8.2-15.5-14.3-36.3-19.2-55.6h-62.9v78.1c0 28.4-12.9 49.4-38.2 49.4S84.1 283.4 84.1 255l.3-78.1H48.2V255c0 22.8 7.4 43.5 20.9 58.2c13.9 15.2 32.8 23.2 54.8 23.2c43.7 0 74.2-33.5 74.2-81.5v-52.5c4.6 17.3 15.4 50.5 36.2 79.7L215 392.6h36.8l12.8-78.4c4.2 3.5 8.7 6.6 13.4 9.4c12.3 7.8 26.4 12.2 40.9 12.6h3.4c45.1 0 80.9-34.9 80.9-81.9s-35.9-82.2-80.9-82.2c-45.4 0-70.9 29.7-78.1 60.1z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6BrandsSquareUpwork(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M56 32h336c30.9 0 56 25.1 56 56v336c0 30.9-25.1 56-56 56H56c-30.9 0-56-25.1-56-56V88c0-30.9 25.1-56 56-56m214.9 242.2c6.6-52.9 25.9-69.5 51.4-69.5c25.3 0 44.9 20.2 44.9 49.7s-19.7 49.7-44.9 49.7c-27.9 0-46.3-21.5-51.4-29.9m-26.7-41.8c-8.2-15.5-14.3-36.3-19.2-55.6h-62.9v78.1c0 28.4-12.9 49.4-38.2 49.4S84.1 283.4 84.1 255l.3-78.1H48.2V255c0 22.8 7.4 43.5 20.9 58.2c13.9 15.2 32.8 23.2 54.8 23.2c43.7 0 74.2-33.5 74.2-81.5v-52.5c4.6 17.3 15.4 50.5 36.2 79.7L215 392.6h36.8l12.8-78.4c4.2 3.5 8.7 6.6 13.4 9.4c12.3 7.8 26.4 12.2 40.9 12.6h3.4c45.1 0 80.9-34.9 80.9-81.9s-35.9-82.2-80.9-82.2c-45.4 0-70.9 29.7-78.1 60.1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M56 32h336c30.9 0 56 25.1 56 56v336c0 30.9-25.1 56-56 56H56c-30.9 0-56-25.1-56-56V88c0-30.9 25.1-56 56-56m214.9 242.2c6.6-52.9 25.9-69.5 51.4-69.5c25.3 0 44.9 20.2 44.9 49.7s-19.7 49.7-44.9 49.7c-27.9 0-46.3-21.5-51.4-29.9m-26.7-41.8c-8.2-15.5-14.3-36.3-19.2-55.6h-62.9v78.1c0 28.4-12.9 49.4-38.2 49.4S84.1 283.4 84.1 255l.3-78.1H48.2V255c0 22.8 7.4 43.5 20.9 58.2c13.9 15.2 32.8 23.2 54.8 23.2c43.7 0 74.2-33.5 74.2-81.5v-52.5c4.6 17.3 15.4 50.5 36.2 79.7L215 392.6h36.8l12.8-78.4c4.2 3.5 8.7 6.6 13.4 9.4c12.3 7.8 26.4 12.2 40.9 12.6h3.4c45.1 0 80.9-34.9 80.9-81.9s-35.9-82.2-80.9-82.2c-45.4 0-70.9 29.7-78.1 60.1z"/></svg> </template>
CSS
.icon-square-upwork {
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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M56%2032h336c30.9%200%2056%2025.1%2056%2056v336c0%2030.9-25.1%2056-56%2056H56c-30.9%200-56-25.1-56-56V88c0-30.9%2025.1-56%2056-56m214.9%20242.2c6.6-52.9%2025.9-69.5%2051.4-69.5c25.3%200%2044.9%2020.2%2044.9%2049.7s-19.7%2049.7-44.9%2049.7c-27.9%200-46.3-21.5-51.4-29.9m-26.7-41.8c-8.2-15.5-14.3-36.3-19.2-55.6h-62.9v78.1c0%2028.4-12.9%2049.4-38.2%2049.4S84.1%20283.4%2084.1%20255l.3-78.1H48.2V255c0%2022.8%207.4%2043.5%2020.9%2058.2c13.9%2015.2%2032.8%2023.2%2054.8%2023.2c43.7%200%2074.2-33.5%2074.2-81.5v-52.5c4.6%2017.3%2015.4%2050.5%2036.2%2079.7L215%20392.6h36.8l12.8-78.4c4.2%203.5%208.7%206.6%2013.4%209.4c12.3%207.8%2026.4%2012.2%2040.9%2012.6h3.4c45.1%200%2080.9-34.9%2080.9-81.9s-35.9-82.2-80.9-82.2c-45.4%200-70.9%2029.7-78.1%2060.1z%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M56%2032h336c30.9%200%2056%2025.1%2056%2056v336c0%2030.9-25.1%2056-56%2056H56c-30.9%200-56-25.1-56-56V88c0-30.9%2025.1-56%2056-56m214.9%20242.2c6.6-52.9%2025.9-69.5%2051.4-69.5c25.3%200%2044.9%2020.2%2044.9%2049.7s-19.7%2049.7-44.9%2049.7c-27.9%200-46.3-21.5-51.4-29.9m-26.7-41.8c-8.2-15.5-14.3-36.3-19.2-55.6h-62.9v78.1c0%2028.4-12.9%2049.4-38.2%2049.4S84.1%20283.4%2084.1%20255l.3-78.1H48.2V255c0%2022.8%207.4%2043.5%2020.9%2058.2c13.9%2015.2%2032.8%2023.2%2054.8%2023.2c43.7%200%2074.2-33.5%2074.2-81.5v-52.5c4.6%2017.3%2015.4%2050.5%2036.2%2079.7L215%20392.6h36.8l12.8-78.4c4.2%203.5%208.7%206.6%2013.4%209.4c12.3%207.8%2026.4%2012.2%2040.9%2012.6h3.4c45.1%200%2080.9-34.9%2080.9-81.9s-35.9-82.2-80.9-82.2c-45.4%200-70.9%2029.7-78.1%2060.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/square-upwork.svg?color=%231a73e8&size=48
