box logo

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

Name
box
Set
SVG Logos
Style
Color
Viewbox
512×277
License
CC0

The same logo in other sets

boxAkar IconsboxBootstrap IconsboxBoxIcons v2boxBoxIcons v2 SolidboxCarbonboxFont Awesome 6 SolidboxFeather Iconsbox-16-filledFluent UI System Iconsboxcss.ggboxHuge IconsboxHumbleiconsboxIconoirboxJam IconsboxLine AwesomeboxLucideboxMage IconsboxMajesticonsboxMaterial SymbolsboxMaterial Design Iconsbox-fillMingCute IconboxPixelarticonsboxRadix IconsboxSimple Iconsbox-boldSolar

Use the box logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 277"><path fill="#0061d5" d="M507.486 245.434c6.391 8.948 5.113 20.453-2.557 26.844c-8.948 6.392-21.73 5.113-28.122-2.556l-44.741-57.524l-43.462 56.245c-6.392 8.948-19.175 8.948-28.123 2.557c-8.948-6.392-10.226-17.896-3.835-26.844l51.132-66.472l-51.132-66.472c-6.391-8.948-3.835-21.73 3.835-28.122c8.948-6.392 21.731-3.835 28.123 3.835l43.462 57.523l44.74-54.967c6.392-8.948 17.897-10.226 28.123-3.835c8.948 6.392 8.948 19.175 2.557 28.123l-49.854 65.193zm-232.651-7.67c-33.236 0-60.08-25.566-60.08-58.802c0-31.957 26.844-58.802 60.08-58.802s60.08 26.845 60.08 58.802c-1.278 33.236-28.123 58.802-60.08 58.802m-176.406 0c-33.236 0-60.08-25.566-60.08-58.802c0-31.957 26.844-58.802 60.08-58.802s60.08 26.845 60.08 58.802c0 33.236-26.844 58.802-60.08 58.802M274.835 81.811c-37.07 0-70.307 20.453-86.925 51.132c-16.618-30.679-49.853-51.132-88.202-51.132c-23.01 0-43.463 7.67-60.08 19.175V19.175C39.627 8.948 30.678 0 20.452 0C8.948 0 0 8.948 0 19.175V180.24c1.278 53.688 44.74 95.872 98.43 95.872c38.348 0 71.584-21.73 88.202-52.41c16.618 30.68 49.854 52.41 86.925 52.41c54.967 0 99.707-43.462 99.707-98.43c1.278-52.41-43.462-95.872-98.43-95.872"/></svg>

React

import type { SVGProps } from "react";

export function LogosBox(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 277"><path fill="#0061d5" d="M507.486 245.434c6.391 8.948 5.113 20.453-2.557 26.844c-8.948 6.392-21.73 5.113-28.122-2.556l-44.741-57.524l-43.462 56.245c-6.392 8.948-19.175 8.948-28.123 2.557c-8.948-6.392-10.226-17.896-3.835-26.844l51.132-66.472l-51.132-66.472c-6.391-8.948-3.835-21.73 3.835-28.122c8.948-6.392 21.731-3.835 28.123 3.835l43.462 57.523l44.74-54.967c6.392-8.948 17.897-10.226 28.123-3.835c8.948 6.392 8.948 19.175 2.557 28.123l-49.854 65.193zm-232.651-7.67c-33.236 0-60.08-25.566-60.08-58.802c0-31.957 26.844-58.802 60.08-58.802s60.08 26.845 60.08 58.802c-1.278 33.236-28.123 58.802-60.08 58.802m-176.406 0c-33.236 0-60.08-25.566-60.08-58.802c0-31.957 26.844-58.802 60.08-58.802s60.08 26.845 60.08 58.802c0 33.236-26.844 58.802-60.08 58.802M274.835 81.811c-37.07 0-70.307 20.453-86.925 51.132c-16.618-30.679-49.853-51.132-88.202-51.132c-23.01 0-43.463 7.67-60.08 19.175V19.175C39.627 8.948 30.678 0 20.452 0C8.948 0 0 8.948 0 19.175V180.24c1.278 53.688 44.74 95.872 98.43 95.872c38.348 0 71.584-21.73 88.202-52.41c16.618 30.68 49.854 52.41 86.925 52.41c54.967 0 99.707-43.462 99.707-98.43c1.278-52.41-43.462-95.872-98.43-95.872"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 277"><path fill="#0061d5" d="M507.486 245.434c6.391 8.948 5.113 20.453-2.557 26.844c-8.948 6.392-21.73 5.113-28.122-2.556l-44.741-57.524l-43.462 56.245c-6.392 8.948-19.175 8.948-28.123 2.557c-8.948-6.392-10.226-17.896-3.835-26.844l51.132-66.472l-51.132-66.472c-6.391-8.948-3.835-21.73 3.835-28.122c8.948-6.392 21.731-3.835 28.123 3.835l43.462 57.523l44.74-54.967c6.392-8.948 17.897-10.226 28.123-3.835c8.948 6.392 8.948 19.175 2.557 28.123l-49.854 65.193zm-232.651-7.67c-33.236 0-60.08-25.566-60.08-58.802c0-31.957 26.844-58.802 60.08-58.802s60.08 26.845 60.08 58.802c-1.278 33.236-28.123 58.802-60.08 58.802m-176.406 0c-33.236 0-60.08-25.566-60.08-58.802c0-31.957 26.844-58.802 60.08-58.802s60.08 26.845 60.08 58.802c0 33.236-26.844 58.802-60.08 58.802M274.835 81.811c-37.07 0-70.307 20.453-86.925 51.132c-16.618-30.679-49.853-51.132-88.202-51.132c-23.01 0-43.463 7.67-60.08 19.175V19.175C39.627 8.948 30.678 0 20.452 0C8.948 0 0 8.948 0 19.175V180.24c1.278 53.688 44.74 95.872 98.43 95.872c38.348 0 71.584-21.73 88.202-52.41c16.618 30.68 49.854 52.41 86.925 52.41c54.967 0 99.707-43.462 99.707-98.43c1.278-52.41-43.462-95.872-98.43-95.872"/></svg>
</template>

CSS

.icon-box {
  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%20512%20277%22%3E%3Cpath%20fill%3D%22%230061d5%22%20d%3D%22M507.486%20245.434c6.391%208.948%205.113%2020.453-2.557%2026.844c-8.948%206.392-21.73%205.113-28.122-2.556l-44.741-57.524l-43.462%2056.245c-6.392%208.948-19.175%208.948-28.123%202.557c-8.948-6.392-10.226-17.896-3.835-26.844l51.132-66.472l-51.132-66.472c-6.391-8.948-3.835-21.73%203.835-28.122c8.948-6.392%2021.731-3.835%2028.123%203.835l43.462%2057.523l44.74-54.967c6.392-8.948%2017.897-10.226%2028.123-3.835c8.948%206.392%208.948%2019.175%202.557%2028.123l-49.854%2065.193zm-232.651-7.67c-33.236%200-60.08-25.566-60.08-58.802c0-31.957%2026.844-58.802%2060.08-58.802s60.08%2026.845%2060.08%2058.802c-1.278%2033.236-28.123%2058.802-60.08%2058.802m-176.406%200c-33.236%200-60.08-25.566-60.08-58.802c0-31.957%2026.844-58.802%2060.08-58.802s60.08%2026.845%2060.08%2058.802c0%2033.236-26.844%2058.802-60.08%2058.802M274.835%2081.811c-37.07%200-70.307%2020.453-86.925%2051.132c-16.618-30.679-49.853-51.132-88.202-51.132c-23.01%200-43.463%207.67-60.08%2019.175V19.175C39.627%208.948%2030.678%200%2020.452%200C8.948%200%200%208.948%200%2019.175V180.24c1.278%2053.688%2044.74%2095.872%2098.43%2095.872c38.348%200%2071.584-21.73%2088.202-52.41c16.618%2030.68%2049.854%2052.41%2086.925%2052.41c54.967%200%2099.707-43.462%2099.707-98.43c1.278-52.41-43.462-95.872-98.43-95.872%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%20512%20277%22%3E%3Cpath%20fill%3D%22%230061d5%22%20d%3D%22M507.486%20245.434c6.391%208.948%205.113%2020.453-2.557%2026.844c-8.948%206.392-21.73%205.113-28.122-2.556l-44.741-57.524l-43.462%2056.245c-6.392%208.948-19.175%208.948-28.123%202.557c-8.948-6.392-10.226-17.896-3.835-26.844l51.132-66.472l-51.132-66.472c-6.391-8.948-3.835-21.73%203.835-28.122c8.948-6.392%2021.731-3.835%2028.123%203.835l43.462%2057.523l44.74-54.967c6.392-8.948%2017.897-10.226%2028.123-3.835c8.948%206.392%208.948%2019.175%202.557%2028.123l-49.854%2065.193zm-232.651-7.67c-33.236%200-60.08-25.566-60.08-58.802c0-31.957%2026.844-58.802%2060.08-58.802s60.08%2026.845%2060.08%2058.802c-1.278%2033.236-28.123%2058.802-60.08%2058.802m-176.406%200c-33.236%200-60.08-25.566-60.08-58.802c0-31.957%2026.844-58.802%2060.08-58.802s60.08%2026.845%2060.08%2058.802c0%2033.236-26.844%2058.802-60.08%2058.802M274.835%2081.811c-37.07%200-70.307%2020.453-86.925%2051.132c-16.618-30.679-49.853-51.132-88.202-51.132c-23.01%200-43.463%207.67-60.08%2019.175V19.175C39.627%208.948%2030.678%200%2020.452%200C8.948%200%200%208.948%200%2019.175V180.24c1.278%2053.688%2044.74%2095.872%2098.43%2095.872c38.348%200%2071.584-21.73%2088.202-52.41c16.618%2030.68%2049.854%2052.41%2086.925%2052.41c54.967%200%2099.707-43.462%2099.707-98.43c1.278-52.41-43.462-95.872-98.43-95.872%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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