# sandbox icon

Sandbox. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/sandbox

- Category: Development
- Use it for: sandbox, test environment
- Tags: sandbox, sandpit, test, testing, playground, experiment, sand, spade, isolated, environment
- Component name: SandboxIcon
- Added: 2026-11-12

## Files

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too.

- line-round: https://gentleface.com/svg/line-round/16/sandbox.svg · PNG https://gentleface.com/png/line-round/16/sandbox.png · https://gentleface.com/png/line-round/32/sandbox.png · https://gentleface.com/png/line-round/48/sandbox.png
- line-soft: https://gentleface.com/svg/line-soft/16/sandbox.svg · PNG https://gentleface.com/png/line-soft/16/sandbox.png · https://gentleface.com/png/line-soft/32/sandbox.png · https://gentleface.com/png/line-soft/48/sandbox.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/sandbox.svg · PNG https://gentleface.com/png/line-sharp/16/sandbox.png · https://gentleface.com/png/line-sharp/32/sandbox.png · https://gentleface.com/png/line-sharp/48/sandbox.png
- solid-round: https://gentleface.com/svg/solid-round/16/sandbox.svg · PNG https://gentleface.com/png/solid-round/16/sandbox.png · https://gentleface.com/png/solid-round/32/sandbox.png · https://gentleface.com/png/solid-round/48/sandbox.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/sandbox.svg · PNG https://gentleface.com/png/solid-soft/16/sandbox.png · https://gentleface.com/png/solid-soft/32/sandbox.png · https://gentleface.com/png/solid-soft/48/sandbox.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/sandbox.svg · PNG https://gentleface.com/png/solid-sharp/16/sandbox.png · https://gentleface.com/png/solid-sharp/32/sandbox.png · https://gentleface.com/png/solid-sharp/48/sandbox.png

The SVG of every style: https://gentleface.com/icons/sandbox.json (`svg`).

## Code (line-round)

The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M11.856 1.144C11.952 1.241 12 1.359 12 1.5C12 1.641 11.952 1.759 11.856 1.856C11.759 1.952 11.641 2 11.5 2L10.924 2L10.424 5L10.484 5C10.893 5 11.267 5.115 11.606 5.344C11.944 5.573 12.19 5.878 12.341 6.257L13.593 9.386C13.864 10.064 14 10.769 14 11.5L14 13C14 13.254 13.953 13.5 13.86 13.736C13.758 13.993 13.609 14.219 13.414 14.414C13.219 14.609 12.993 14.758 12.736 14.86C12.5 14.953 12.254 15 12 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 11.5C1 10.769 1.136 10.064 1.407 9.386L2.659 6.257C2.81 5.878 3.056 5.573 3.394 5.344C3.733 5.115 4.107 5 4.516 5L9.41 5L9.91 2L9.5 2C9.359 2 9.241 1.952 9.144 1.856C9.048 1.759 9 1.641 9 1.5C9 1.359 9.048 1.241 9.144 1.144C9.241 1.048 9.359 1 9.5 1L11.5 1C11.641 1 11.759 1.048 11.856 1.144ZM3.955 6.172C3.786 6.287 3.663 6.439 3.587 6.629L2.336 9.757C2.303 9.838 2.274 9.919 2.246 10L12.754 10C12.726 9.919 12.697 9.838 12.664 9.757L11.413 6.629C11.337 6.439 11.214 6.287 11.045 6.172C10.876 6.057 10.689 6 10.484 6L10.257 6L9.993 7.582C9.97 7.718 9.903 7.827 9.791 7.907C9.678 7.987 9.554 8.016 9.418 7.993C9.279 7.97 9.17 7.903 9.091 7.792C9.012 7.682 8.984 7.557 9.007 7.418L9.243 6L4.516 6C4.311 6 4.124 6.057 3.955 6.172ZM3.497 8C3.497 7.864 3.547 7.746 3.646 7.646C4.244 7.049 4.883 6.75 5.563 6.75C6.205 6.75 6.943 7.028 7.777 7.584C8.443 8.028 8.997 8.25 9.438 8.25C9.64 8.25 9.835 8.204 10.024 8.113C10.226 8.015 10.434 7.859 10.646 7.646C10.746 7.547 10.864 7.497 11 7.497C11.136 7.497 11.254 7.547 11.354 7.646C11.451 7.744 11.5 7.862 11.5 8C11.5 8.138 11.451 8.256 11.354 8.354C10.756 8.951 10.117 9.25 9.438 9.25C8.795 9.25 8.057 8.972 7.223 8.416C6.557 7.972 6.003 7.75 5.563 7.75C5.36 7.75 5.165 7.796 4.976 7.887C4.774 7.985 4.566 8.141 4.354 8.354C4.256 8.451 4.138 8.5 4 8.5C3.862 8.5 3.744 8.451 3.646 8.354C3.547 8.254 3.497 8.136 3.497 8ZM2.293 13.707C2.488 13.902 2.724 14 3 14L12 14C12.276 14 12.512 13.902 12.707 13.707C12.902 13.512 13 13.276 13 13L13 11.5C13 11.332 12.991 11.165 12.974 11L2.026 11C2.009 11.165 2 11.332 2 11.5L2 13C2 13.276 2.098 13.512 2.293 13.707Z"/></svg>
```

### React

```tsx
// Gentleface "sandbox" (line-round), MIT. https://gentleface.com/icons/sandbox
import type { SVGProps } from 'react';

export function SandboxIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M11.856 1.144C11.952 1.241 12 1.359 12 1.5C12 1.641 11.952 1.759 11.856 1.856C11.759 1.952 11.641 2 11.5 2L10.924 2L10.424 5L10.484 5C10.893 5 11.267 5.115 11.606 5.344C11.944 5.573 12.19 5.878 12.341 6.257L13.593 9.386C13.864 10.064 14 10.769 14 11.5L14 13C14 13.254 13.953 13.5 13.86 13.736C13.758 13.993 13.609 14.219 13.414 14.414C13.219 14.609 12.993 14.758 12.736 14.86C12.5 14.953 12.254 15 12 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 11.5C1 10.769 1.136 10.064 1.407 9.386L2.659 6.257C2.81 5.878 3.056 5.573 3.394 5.344C3.733 5.115 4.107 5 4.516 5L9.41 5L9.91 2L9.5 2C9.359 2 9.241 1.952 9.144 1.856C9.048 1.759 9 1.641 9 1.5C9 1.359 9.048 1.241 9.144 1.144C9.241 1.048 9.359 1 9.5 1L11.5 1C11.641 1 11.759 1.048 11.856 1.144ZM3.955 6.172C3.786 6.287 3.663 6.439 3.587 6.629L2.336 9.757C2.303 9.838 2.274 9.919 2.246 10L12.754 10C12.726 9.919 12.697 9.838 12.664 9.757L11.413 6.629C11.337 6.439 11.214 6.287 11.045 6.172C10.876 6.057 10.689 6 10.484 6L10.257 6L9.993 7.582C9.97 7.718 9.903 7.827 9.791 7.907C9.678 7.987 9.554 8.016 9.418 7.993C9.279 7.97 9.17 7.903 9.091 7.792C9.012 7.682 8.984 7.557 9.007 7.418L9.243 6L4.516 6C4.311 6 4.124 6.057 3.955 6.172ZM3.497 8C3.497 7.864 3.547 7.746 3.646 7.646C4.244 7.049 4.883 6.75 5.563 6.75C6.205 6.75 6.943 7.028 7.777 7.584C8.443 8.028 8.997 8.25 9.438 8.25C9.64 8.25 9.835 8.204 10.024 8.113C10.226 8.015 10.434 7.859 10.646 7.646C10.746 7.547 10.864 7.497 11 7.497C11.136 7.497 11.254 7.547 11.354 7.646C11.451 7.744 11.5 7.862 11.5 8C11.5 8.138 11.451 8.256 11.354 8.354C10.756 8.951 10.117 9.25 9.438 9.25C8.795 9.25 8.057 8.972 7.223 8.416C6.557 7.972 6.003 7.75 5.563 7.75C5.36 7.75 5.165 7.796 4.976 7.887C4.774 7.985 4.566 8.141 4.354 8.354C4.256 8.451 4.138 8.5 4 8.5C3.862 8.5 3.744 8.451 3.646 8.354C3.547 8.254 3.497 8.136 3.497 8ZM2.293 13.707C2.488 13.902 2.724 14 3 14L12 14C12.276 14 12.512 13.902 12.707 13.707C12.902 13.512 13 13.276 13 13L13 11.5C13 11.332 12.991 11.165 12.974 11L2.026 11C2.009 11.165 2 11.332 2 11.5L2 13C2 13.276 2.098 13.512 2.293 13.707Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "sandbox" (line-round), MIT. https://gentleface.com/icons/sandbox -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M11.856 1.144C11.952 1.241 12 1.359 12 1.5C12 1.641 11.952 1.759 11.856 1.856C11.759 1.952 11.641 2 11.5 2L10.924 2L10.424 5L10.484 5C10.893 5 11.267 5.115 11.606 5.344C11.944 5.573 12.19 5.878 12.341 6.257L13.593 9.386C13.864 10.064 14 10.769 14 11.5L14 13C14 13.254 13.953 13.5 13.86 13.736C13.758 13.993 13.609 14.219 13.414 14.414C13.219 14.609 12.993 14.758 12.736 14.86C12.5 14.953 12.254 15 12 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 11.5C1 10.769 1.136 10.064 1.407 9.386L2.659 6.257C2.81 5.878 3.056 5.573 3.394 5.344C3.733 5.115 4.107 5 4.516 5L9.41 5L9.91 2L9.5 2C9.359 2 9.241 1.952 9.144 1.856C9.048 1.759 9 1.641 9 1.5C9 1.359 9.048 1.241 9.144 1.144C9.241 1.048 9.359 1 9.5 1L11.5 1C11.641 1 11.759 1.048 11.856 1.144ZM3.955 6.172C3.786 6.287 3.663 6.439 3.587 6.629L2.336 9.757C2.303 9.838 2.274 9.919 2.246 10L12.754 10C12.726 9.919 12.697 9.838 12.664 9.757L11.413 6.629C11.337 6.439 11.214 6.287 11.045 6.172C10.876 6.057 10.689 6 10.484 6L10.257 6L9.993 7.582C9.97 7.718 9.903 7.827 9.791 7.907C9.678 7.987 9.554 8.016 9.418 7.993C9.279 7.97 9.17 7.903 9.091 7.792C9.012 7.682 8.984 7.557 9.007 7.418L9.243 6L4.516 6C4.311 6 4.124 6.057 3.955 6.172ZM3.497 8C3.497 7.864 3.547 7.746 3.646 7.646C4.244 7.049 4.883 6.75 5.563 6.75C6.205 6.75 6.943 7.028 7.777 7.584C8.443 8.028 8.997 8.25 9.438 8.25C9.64 8.25 9.835 8.204 10.024 8.113C10.226 8.015 10.434 7.859 10.646 7.646C10.746 7.547 10.864 7.497 11 7.497C11.136 7.497 11.254 7.547 11.354 7.646C11.451 7.744 11.5 7.862 11.5 8C11.5 8.138 11.451 8.256 11.354 8.354C10.756 8.951 10.117 9.25 9.438 9.25C8.795 9.25 8.057 8.972 7.223 8.416C6.557 7.972 6.003 7.75 5.563 7.75C5.36 7.75 5.165 7.796 4.976 7.887C4.774 7.985 4.566 8.141 4.354 8.354C4.256 8.451 4.138 8.5 4 8.5C3.862 8.5 3.744 8.451 3.646 8.354C3.547 8.254 3.497 8.136 3.497 8ZM2.293 13.707C2.488 13.902 2.724 14 3 14L12 14C12.276 14 12.512 13.902 12.707 13.707C12.902 13.512 13 13.276 13 13L13 11.5C13 11.332 12.991 11.165 12.974 11L2.026 11C2.009 11.165 2 11.332 2 11.5L2 13C2 13.276 2.098 13.512 2.293 13.707Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "sandbox" (line-round), MIT. https://gentleface.com/icons/sandbox -->
<script>
  let props = $props();
</script>

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
  <path d="M11.856 1.144C11.952 1.241 12 1.359 12 1.5C12 1.641 11.952 1.759 11.856 1.856C11.759 1.952 11.641 2 11.5 2L10.924 2L10.424 5L10.484 5C10.893 5 11.267 5.115 11.606 5.344C11.944 5.573 12.19 5.878 12.341 6.257L13.593 9.386C13.864 10.064 14 10.769 14 11.5L14 13C14 13.254 13.953 13.5 13.86 13.736C13.758 13.993 13.609 14.219 13.414 14.414C13.219 14.609 12.993 14.758 12.736 14.86C12.5 14.953 12.254 15 12 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 11.5C1 10.769 1.136 10.064 1.407 9.386L2.659 6.257C2.81 5.878 3.056 5.573 3.394 5.344C3.733 5.115 4.107 5 4.516 5L9.41 5L9.91 2L9.5 2C9.359 2 9.241 1.952 9.144 1.856C9.048 1.759 9 1.641 9 1.5C9 1.359 9.048 1.241 9.144 1.144C9.241 1.048 9.359 1 9.5 1L11.5 1C11.641 1 11.759 1.048 11.856 1.144ZM3.955 6.172C3.786 6.287 3.663 6.439 3.587 6.629L2.336 9.757C2.303 9.838 2.274 9.919 2.246 10L12.754 10C12.726 9.919 12.697 9.838 12.664 9.757L11.413 6.629C11.337 6.439 11.214 6.287 11.045 6.172C10.876 6.057 10.689 6 10.484 6L10.257 6L9.993 7.582C9.97 7.718 9.903 7.827 9.791 7.907C9.678 7.987 9.554 8.016 9.418 7.993C9.279 7.97 9.17 7.903 9.091 7.792C9.012 7.682 8.984 7.557 9.007 7.418L9.243 6L4.516 6C4.311 6 4.124 6.057 3.955 6.172ZM3.497 8C3.497 7.864 3.547 7.746 3.646 7.646C4.244 7.049 4.883 6.75 5.563 6.75C6.205 6.75 6.943 7.028 7.777 7.584C8.443 8.028 8.997 8.25 9.438 8.25C9.64 8.25 9.835 8.204 10.024 8.113C10.226 8.015 10.434 7.859 10.646 7.646C10.746 7.547 10.864 7.497 11 7.497C11.136 7.497 11.254 7.547 11.354 7.646C11.451 7.744 11.5 7.862 11.5 8C11.5 8.138 11.451 8.256 11.354 8.354C10.756 8.951 10.117 9.25 9.438 9.25C8.795 9.25 8.057 8.972 7.223 8.416C6.557 7.972 6.003 7.75 5.563 7.75C5.36 7.75 5.165 7.796 4.976 7.887C4.774 7.985 4.566 8.141 4.354 8.354C4.256 8.451 4.138 8.5 4 8.5C3.862 8.5 3.744 8.451 3.646 8.354C3.547 8.254 3.497 8.136 3.497 8ZM2.293 13.707C2.488 13.902 2.724 14 3 14L12 14C12.276 14 12.512 13.902 12.707 13.707C12.902 13.512 13 13.276 13 13L13 11.5C13 11.332 12.991 11.165 12.974 11L2.026 11C2.009 11.165 2 11.332 2 11.5L2 13C2 13.276 2.098 13.512 2.293 13.707Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "sandbox" (line-round), MIT. https://gentleface.com/icons/sandbox. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/sandbox.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "sandbox" (line-round), MIT. https://gentleface.com/icons/sandbox. Takes the text color. */
.icon-sandbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.856 1.144C11.952 1.241 12 1.359 12 1.5C12 1.641 11.952 1.759 11.856 1.856C11.759 1.952 11.641 2 11.5 2L10.924 2L10.424 5L10.484 5C10.893 5 11.267 5.115 11.606 5.344C11.944 5.573 12.19 5.878 12.341 6.257L13.593 9.386C13.864 10.064 14 10.769 14 11.5L14 13C14 13.254 13.953 13.5 13.86 13.736C13.758 13.993 13.609 14.219 13.414 14.414C13.219 14.609 12.993 14.758 12.736 14.86C12.5 14.953 12.254 15 12 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 11.5C1 10.769 1.136 10.064 1.407 9.386L2.659 6.257C2.81 5.878 3.056 5.573 3.394 5.344C3.733 5.115 4.107 5 4.516 5L9.41 5L9.91 2L9.5 2C9.359 2 9.241 1.952 9.144 1.856C9.048 1.759 9 1.641 9 1.5C9 1.359 9.048 1.241 9.144 1.144C9.241 1.048 9.359 1 9.5 1L11.5 1C11.641 1 11.759 1.048 11.856 1.144ZM3.955 6.172C3.786 6.287 3.663 6.439 3.587 6.629L2.336 9.757C2.303 9.838 2.274 9.919 2.246 10L12.754 10C12.726 9.919 12.697 9.838 12.664 9.757L11.413 6.629C11.337 6.439 11.214 6.287 11.045 6.172C10.876 6.057 10.689 6 10.484 6L10.257 6L9.993 7.582C9.97 7.718 9.903 7.827 9.791 7.907C9.678 7.987 9.554 8.016 9.418 7.993C9.279 7.97 9.17 7.903 9.091 7.792C9.012 7.682 8.984 7.557 9.007 7.418L9.243 6L4.516 6C4.311 6 4.124 6.057 3.955 6.172ZM3.497 8C3.497 7.864 3.547 7.746 3.646 7.646C4.244 7.049 4.883 6.75 5.563 6.75C6.205 6.75 6.943 7.028 7.777 7.584C8.443 8.028 8.997 8.25 9.438 8.25C9.64 8.25 9.835 8.204 10.024 8.113C10.226 8.015 10.434 7.859 10.646 7.646C10.746 7.547 10.864 7.497 11 7.497C11.136 7.497 11.254 7.547 11.354 7.646C11.451 7.744 11.5 7.862 11.5 8C11.5 8.138 11.451 8.256 11.354 8.354C10.756 8.951 10.117 9.25 9.438 9.25C8.795 9.25 8.057 8.972 7.223 8.416C6.557 7.972 6.003 7.75 5.563 7.75C5.36 7.75 5.165 7.796 4.976 7.887C4.774 7.985 4.566 8.141 4.354 8.354C4.256 8.451 4.138 8.5 4 8.5C3.862 8.5 3.744 8.451 3.646 8.354C3.547 8.254 3.497 8.136 3.497 8ZM2.293 13.707C2.488 13.902 2.724 14 3 14L12 14C12.276 14 12.512 13.902 12.707 13.707C12.902 13.512 13 13.276 13 13L13 11.5C13 11.332 12.991 11.165 12.974 11L2.026 11C2.009 11.165 2 11.332 2 11.5L2 13C2 13.276 2.098 13.512 2.293 13.707Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.856 1.144C11.952 1.241 12 1.359 12 1.5C12 1.641 11.952 1.759 11.856 1.856C11.759 1.952 11.641 2 11.5 2L10.924 2L10.424 5L10.484 5C10.893 5 11.267 5.115 11.606 5.344C11.944 5.573 12.19 5.878 12.341 6.257L13.593 9.386C13.864 10.064 14 10.769 14 11.5L14 13C14 13.254 13.953 13.5 13.86 13.736C13.758 13.993 13.609 14.219 13.414 14.414C13.219 14.609 12.993 14.758 12.736 14.86C12.5 14.953 12.254 15 12 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 11.5C1 10.769 1.136 10.064 1.407 9.386L2.659 6.257C2.81 5.878 3.056 5.573 3.394 5.344C3.733 5.115 4.107 5 4.516 5L9.41 5L9.91 2L9.5 2C9.359 2 9.241 1.952 9.144 1.856C9.048 1.759 9 1.641 9 1.5C9 1.359 9.048 1.241 9.144 1.144C9.241 1.048 9.359 1 9.5 1L11.5 1C11.641 1 11.759 1.048 11.856 1.144ZM3.955 6.172C3.786 6.287 3.663 6.439 3.587 6.629L2.336 9.757C2.303 9.838 2.274 9.919 2.246 10L12.754 10C12.726 9.919 12.697 9.838 12.664 9.757L11.413 6.629C11.337 6.439 11.214 6.287 11.045 6.172C10.876 6.057 10.689 6 10.484 6L10.257 6L9.993 7.582C9.97 7.718 9.903 7.827 9.791 7.907C9.678 7.987 9.554 8.016 9.418 7.993C9.279 7.97 9.17 7.903 9.091 7.792C9.012 7.682 8.984 7.557 9.007 7.418L9.243 6L4.516 6C4.311 6 4.124 6.057 3.955 6.172ZM3.497 8C3.497 7.864 3.547 7.746 3.646 7.646C4.244 7.049 4.883 6.75 5.563 6.75C6.205 6.75 6.943 7.028 7.777 7.584C8.443 8.028 8.997 8.25 9.438 8.25C9.64 8.25 9.835 8.204 10.024 8.113C10.226 8.015 10.434 7.859 10.646 7.646C10.746 7.547 10.864 7.497 11 7.497C11.136 7.497 11.254 7.547 11.354 7.646C11.451 7.744 11.5 7.862 11.5 8C11.5 8.138 11.451 8.256 11.354 8.354C10.756 8.951 10.117 9.25 9.438 9.25C8.795 9.25 8.057 8.972 7.223 8.416C6.557 7.972 6.003 7.75 5.563 7.75C5.36 7.75 5.165 7.796 4.976 7.887C4.774 7.985 4.566 8.141 4.354 8.354C4.256 8.451 4.138 8.5 4 8.5C3.862 8.5 3.744 8.451 3.646 8.354C3.547 8.254 3.497 8.136 3.497 8ZM2.293 13.707C2.488 13.902 2.724 14 3 14L12 14C12.276 14 12.512 13.902 12.707 13.707C12.902 13.512 13 13.276 13 13L13 11.5C13 11.332 12.991 11.165 12.974 11L2.026 11C2.009 11.165 2 11.332 2 11.5L2 13C2 13.276 2.098 13.512 2.293 13.707Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.856 1.144C11.952 1.241 12 1.359 12 1.5C12 1.641 11.952 1.759 11.856 1.856C11.759 1.952 11.641 2 11.5 2L10.924 2L10.424 5L10.484 5C10.893 5 11.267 5.115 11.606 5.344C11.944 5.573 12.19 5.878 12.341 6.257L13.593 9.386C13.864 10.064 14 10.769 14 11.5L14 13C14 13.254 13.953 13.5 13.86 13.736C13.758 13.993 13.609 14.219 13.414 14.414C13.219 14.609 12.993 14.758 12.736 14.86C12.5 14.953 12.254 15 12 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 11.5C1 10.769 1.136 10.064 1.407 9.386L2.659 6.257C2.81 5.878 3.056 5.573 3.394 5.344C3.733 5.115 4.107 5 4.516 5L9.41 5L9.91 2L9.5 2C9.359 2 9.241 1.952 9.144 1.856C9.048 1.759 9 1.641 9 1.5C9 1.359 9.048 1.241 9.144 1.144C9.241 1.048 9.359 1 9.5 1L11.5 1C11.641 1 11.759 1.048 11.856 1.144ZM3.955 6.172C3.786 6.287 3.663 6.439 3.587 6.629L2.336 9.757C2.303 9.838 2.274 9.919 2.246 10L12.754 10C12.726 9.919 12.697 9.838 12.664 9.757L11.413 6.629C11.337 6.439 11.214 6.287 11.045 6.172C10.876 6.057 10.689 6 10.484 6L10.257 6L9.993 7.582C9.97 7.718 9.903 7.827 9.791 7.907C9.678 7.987 9.554 8.016 9.418 7.993C9.279 7.97 9.17 7.903 9.091 7.792C9.012 7.682 8.984 7.557 9.007 7.418L9.243 6L4.516 6C4.311 6 4.124 6.057 3.955 6.172ZM3.497 8C3.497 7.864 3.547 7.746 3.646 7.646C4.244 7.049 4.883 6.75 5.563 6.75C6.205 6.75 6.943 7.028 7.777 7.584C8.443 8.028 8.997 8.25 9.438 8.25C9.64 8.25 9.835 8.204 10.024 8.113C10.226 8.015 10.434 7.859 10.646 7.646C10.746 7.547 10.864 7.497 11 7.497C11.136 7.497 11.254 7.547 11.354 7.646C11.451 7.744 11.5 7.862 11.5 8C11.5 8.138 11.451 8.256 11.354 8.354C10.756 8.951 10.117 9.25 9.438 9.25C8.795 9.25 8.057 8.972 7.223 8.416C6.557 7.972 6.003 7.75 5.563 7.75C5.36 7.75 5.165 7.796 4.976 7.887C4.774 7.985 4.566 8.141 4.354 8.354C4.256 8.451 4.138 8.5 4 8.5C3.862 8.5 3.744 8.451 3.646 8.354C3.547 8.254 3.497 8.136 3.497 8ZM2.293 13.707C2.488 13.902 2.724 14 3 14L12 14C12.276 14 12.512 13.902 12.707 13.707C12.902 13.512 13 13.276 13 13L13 11.5C13 11.332 12.991 11.165 12.974 11L2.026 11C2.009 11.165 2 11.332 2 11.5L2 13C2 13.276 2.098 13.512 2.293 13.707Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "sandbox" (line-round), MIT. https://gentleface.com/icons/sandbox
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#sandbox"/></svg>
```

### SwiftUI

```swift
// Gentleface "sandbox" (line-round), MIT. https://gentleface.com/icons/sandbox
import SwiftUI

struct SandboxIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 11.856, y: 1.144))
        p.addCurve(to: CGPoint(x: 12, y: 1.5), control1: CGPoint(x: 11.952, y: 1.241), control2: CGPoint(x: 12, y: 1.359))
        p.addCurve(to: CGPoint(x: 11.856, y: 1.856), control1: CGPoint(x: 12, y: 1.641), control2: CGPoint(x: 11.952, y: 1.759))
        p.addCurve(to: CGPoint(x: 11.5, y: 2), control1: CGPoint(x: 11.759, y: 1.952), control2: CGPoint(x: 11.641, y: 2))
        p.addLine(to: CGPoint(x: 10.924, y: 2))
        p.addLine(to: CGPoint(x: 10.424, y: 5))
        p.addLine(to: CGPoint(x: 10.484, y: 5))
        p.addCurve(to: CGPoint(x: 11.606, y: 5.344), control1: CGPoint(x: 10.893, y: 5), control2: CGPoint(x: 11.267, y: 5.115))
        p.addCurve(to: CGPoint(x: 12.341, y: 6.257), control1: CGPoint(x: 11.944, y: 5.573), control2: CGPoint(x: 12.19, y: 5.878))
        p.addLine(to: CGPoint(x: 13.593, y: 9.386))
        p.addCurve(to: CGPoint(x: 14, y: 11.5), control1: CGPoint(x: 13.864, y: 10.064), control2: CGPoint(x: 14, y: 10.769))
        p.addLine(to: CGPoint(x: 14, y: 13))
        p.addCurve(to: CGPoint(x: 13.86, y: 13.736), control1: CGPoint(x: 14, y: 13.254), control2: CGPoint(x: 13.953, y: 13.5))
        p.addCurve(to: CGPoint(x: 13.414, y: 14.414), control1: CGPoint(x: 13.758, y: 13.993), control2: CGPoint(x: 13.609, y: 14.219))
        p.addCurve(to: CGPoint(x: 12.736, y: 14.86), control1: CGPoint(x: 13.219, y: 14.609), control2: CGPoint(x: 12.993, y: 14.758))
        p.addCurve(to: CGPoint(x: 12, y: 15), control1: CGPoint(x: 12.5, y: 14.953), control2: CGPoint(x: 12.254, y: 15))
        p.addLine(to: CGPoint(x: 3, y: 15))
        p.addCurve(to: CGPoint(x: 2.264, y: 14.86), control1: CGPoint(x: 2.746, y: 15), control2: CGPoint(x: 2.5, y: 14.953))
        p.addCurve(to: CGPoint(x: 1.586, y: 14.414), control1: CGPoint(x: 2.007, y: 14.758), control2: CGPoint(x: 1.781, y: 14.609))
        p.addCurve(to: CGPoint(x: 1.14, y: 13.736), control1: CGPoint(x: 1.391, y: 14.219), control2: CGPoint(x: 1.242, y: 13.993))
        p.addCurve(to: CGPoint(x: 1, y: 13), control1: CGPoint(x: 1.047, y: 13.5), control2: CGPoint(x: 1, y: 13.254))
        p.addLine(to: CGPoint(x: 1, y: 11.5))
        p.addCurve(to: CGPoint(x: 1.407, y: 9.386), control1: CGPoint(x: 1, y: 10.769), control2: CGPoint(x: 1.136, y: 10.064))
        p.addLine(to: CGPoint(x: 2.659, y: 6.257))
        p.addCurve(to: CGPoint(x: 3.394, y: 5.344), control1: CGPoint(x: 2.81, y: 5.878), control2: CGPoint(x: 3.056, y: 5.573))
        p.addCurve(to: CGPoint(x: 4.516, y: 5), control1: CGPoint(x: 3.733, y: 5.115), control2: CGPoint(x: 4.107, y: 5))
        p.addLine(to: CGPoint(x: 9.41, y: 5))
        p.addLine(to: CGPoint(x: 9.91, y: 2))
        p.addLine(to: CGPoint(x: 9.5, y: 2))
        p.addCurve(to: CGPoint(x: 9.144, y: 1.856), control1: CGPoint(x: 9.359, y: 2), control2: CGPoint(x: 9.241, y: 1.952))
        p.addCurve(to: CGPoint(x: 9, y: 1.5), control1: CGPoint(x: 9.048, y: 1.759), control2: CGPoint(x: 9, y: 1.641))
        p.addCurve(to: CGPoint(x: 9.144, y: 1.144), control1: CGPoint(x: 9, y: 1.359), control2: CGPoint(x: 9.048, y: 1.241))
        p.addCurve(to: CGPoint(x: 9.5, y: 1), control1: CGPoint(x: 9.241, y: 1.048), control2: CGPoint(x: 9.359, y: 1))
        p.addLine(to: CGPoint(x: 11.5, y: 1))
        p.addCurve(to: CGPoint(x: 11.856, y: 1.144), control1: CGPoint(x: 11.641, y: 1), control2: CGPoint(x: 11.759, y: 1.048))
        p.closeSubpath()
        p.move(to: CGPoint(x: 3.955, y: 6.172))
        p.addCurve(to: CGPoint(x: 3.587, y: 6.629), control1: CGPoint(x: 3.786, y: 6.287), control2: CGPoint(x: 3.663, y: 6.439))
        p.addLine(to: CGPoint(x: 2.336, y: 9.757))
        p.addCurve(to: CGPoint(x: 2.246, y: 10), control1: CGPoint(x: 2.303, y: 9.838), control2: CGPoint(x: 2.274, y: 9.919))
        p.addLine(to: CGPoint(x: 12.754, y: 10))
        p.addCurve(to: CGPoint(x: 12.664, y: 9.757), control1: CGPoint(x: 12.726, y: 9.919), control2: CGPoint(x: 12.697, y: 9.838))
        p.addLine(to: CGPoint(x: 11.413, y: 6.629))
        p.addCurve(to: CGPoint(x: 11.045, y: 6.172), control1: CGPoint(x: 11.337, y: 6.439), control2: CGPoint(x: 11.214, y: 6.287))
        p.addCurve(to: CGPoint(x: 10.484, y: 6), control1: CGPoint(x: 10.876, y: 6.057), control2: CGPoint(x: 10.689, y: 6))
        p.addLine(to: CGPoint(x: 10.257, y: 6))
        p.addLine(to: CGPoint(x: 9.993, y: 7.582))
        p.addCurve(to: CGPoint(x: 9.791, y: 7.907), control1: CGPoint(x: 9.97, y: 7.718), control2: CGPoint(x: 9.903, y: 7.827))
        p.addCurve(to: CGPoint(x: 9.418, y: 7.993), control1: CGPoint(x: 9.678, y: 7.987), control2: CGPoint(x: 9.554, y: 8.016))
        p.addCurve(to: CGPoint(x: 9.091, y: 7.792), control1: CGPoint(x: 9.279, y: 7.97), control2: CGPoint(x: 9.17, y: 7.903))
        p.addCurve(to: CGPoint(x: 9.007, y: 7.418), control1: CGPoint(x: 9.012, y: 7.682), control2: CGPoint(x: 8.984, y: 7.557))
        p.addLine(to: CGPoint(x: 9.243, y: 6))
        p.addLine(to: CGPoint(x: 4.516, y: 6))
        p.addCurve(to: CGPoint(x: 3.955, y: 6.172), control1: CGPoint(x: 4.311, y: 6), control2: CGPoint(x: 4.124, y: 6.057))
        p.closeSubpath()
        p.move(to: CGPoint(x: 3.497, y: 8))
        p.addCurve(to: CGPoint(x: 3.646, y: 7.646), control1: CGPoint(x: 3.497, y: 7.864), control2: CGPoint(x: 3.547, y: 7.746))
        p.addCurve(to: CGPoint(x: 5.563, y: 6.75), control1: CGPoint(x: 4.244, y: 7.049), control2: CGPoint(x: 4.883, y: 6.75))
        p.addCurve(to: CGPoint(x: 7.777, y: 7.584), control1: CGPoint(x: 6.205, y: 6.75), control2: CGPoint(x: 6.943, y: 7.028))
        p.addCurve(to: CGPoint(x: 9.438, y: 8.25), control1: CGPoint(x: 8.443, y: 8.028), control2: CGPoint(x: 8.997, y: 8.25))
        p.addCurve(to: CGPoint(x: 10.024, y: 8.113), control1: CGPoint(x: 9.64, y: 8.25), control2: CGPoint(x: 9.835, y: 8.204))
        p.addCurve(to: CGPoint(x: 10.646, y: 7.646), control1: CGPoint(x: 10.226, y: 8.015), control2: CGPoint(x: 10.434, y: 7.859))
        p.addCurve(to: CGPoint(x: 11, y: 7.497), control1: CGPoint(x: 10.746, y: 7.547), control2: CGPoint(x: 10.864, y: 7.497))
        p.addCurve(to: CGPoint(x: 11.354, y: 7.646), control1: CGPoint(x: 11.136, y: 7.497), control2: CGPoint(x: 11.254, y: 7.547))
        p.addCurve(to: CGPoint(x: 11.5, y: 8), control1: CGPoint(x: 11.451, y: 7.744), control2: CGPoint(x: 11.5, y: 7.862))
        p.addCurve(to: CGPoint(x: 11.354, y: 8.354), control1: CGPoint(x: 11.5, y: 8.138), control2: CGPoint(x: 11.451, y: 8.256))
        p.addCurve(to: CGPoint(x: 9.438, y: 9.25), control1: CGPoint(x: 10.756, y: 8.951), control2: CGPoint(x: 10.117, y: 9.25))
        p.addCurve(to: CGPoint(x: 7.223, y: 8.416), control1: CGPoint(x: 8.795, y: 9.25), control2: CGPoint(x: 8.057, y: 8.972))
        p.addCurve(to: CGPoint(x: 5.563, y: 7.75), control1: CGPoint(x: 6.557, y: 7.972), control2: CGPoint(x: 6.003, y: 7.75))
        p.addCurve(to: CGPoint(x: 4.976, y: 7.887), control1: CGPoint(x: 5.36, y: 7.75), control2: CGPoint(x: 5.165, y: 7.796))
        p.addCurve(to: CGPoint(x: 4.354, y: 8.354), control1: CGPoint(x: 4.774, y: 7.985), control2: CGPoint(x: 4.566, y: 8.141))
        p.addCurve(to: CGPoint(x: 4, y: 8.5), control1: CGPoint(x: 4.256, y: 8.451), control2: CGPoint(x: 4.138, y: 8.5))
        p.addCurve(to: CGPoint(x: 3.646, y: 8.354), control1: CGPoint(x: 3.862, y: 8.5), control2: CGPoint(x: 3.744, y: 8.451))
        p.addCurve(to: CGPoint(x: 3.497, y: 8), control1: CGPoint(x: 3.547, y: 8.254), control2: CGPoint(x: 3.497, y: 8.136))
        p.closeSubpath()
        p.move(to: CGPoint(x: 2.293, y: 13.707))
        p.addCurve(to: CGPoint(x: 3, y: 14), control1: CGPoint(x: 2.488, y: 13.902), control2: CGPoint(x: 2.724, y: 14))
        p.addLine(to: CGPoint(x: 12, y: 14))
        p.addCurve(to: CGPoint(x: 12.707, y: 13.707), control1: CGPoint(x: 12.276, y: 14), control2: CGPoint(x: 12.512, y: 13.902))
        p.addCurve(to: CGPoint(x: 13, y: 13), control1: CGPoint(x: 12.902, y: 13.512), control2: CGPoint(x: 13, y: 13.276))
        p.addLine(to: CGPoint(x: 13, y: 11.5))
        p.addCurve(to: CGPoint(x: 12.974, y: 11), control1: CGPoint(x: 13, y: 11.332), control2: CGPoint(x: 12.991, y: 11.165))
        p.addLine(to: CGPoint(x: 2.026, y: 11))
        p.addCurve(to: CGPoint(x: 2, y: 11.5), control1: CGPoint(x: 2.009, y: 11.165), control2: CGPoint(x: 2, y: 11.332))
        p.addLine(to: CGPoint(x: 2, y: 13))
        p.addCurve(to: CGPoint(x: 2.293, y: 13.707), control1: CGPoint(x: 2, y: 13.276), control2: CGPoint(x: 2.098, y: 13.512))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// SandboxIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "sandbox" (line-round), MIT. https://gentleface.com/icons/sandbox
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val SandboxIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "sandbox", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M11.856 1.144C11.952 1.241 12 1.359 12 1.5C12 1.641 11.952 1.759 11.856 1.856C11.759 1.952 11.641 2 11.5 2L10.924 2L10.424 5L10.484 5C10.893 5 11.267 5.115 11.606 5.344C11.944 5.573 12.19 5.878 12.341 6.257L13.593 9.386C13.864 10.064 14 10.769 14 11.5L14 13C14 13.254 13.953 13.5 13.86 13.736C13.758 13.993 13.609 14.219 13.414 14.414C13.219 14.609 12.993 14.758 12.736 14.86C12.5 14.953 12.254 15 12 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 11.5C1 10.769 1.136 10.064 1.407 9.386L2.659 6.257C2.81 5.878 3.056 5.573 3.394 5.344C3.733 5.115 4.107 5 4.516 5L9.41 5L9.91 2L9.5 2C9.359 2 9.241 1.952 9.144 1.856C9.048 1.759 9 1.641 9 1.5C9 1.359 9.048 1.241 9.144 1.144C9.241 1.048 9.359 1 9.5 1L11.5 1C11.641 1 11.759 1.048 11.856 1.144ZM3.955 6.172C3.786 6.287 3.663 6.439 3.587 6.629L2.336 9.757C2.303 9.838 2.274 9.919 2.246 10L12.754 10C12.726 9.919 12.697 9.838 12.664 9.757L11.413 6.629C11.337 6.439 11.214 6.287 11.045 6.172C10.876 6.057 10.689 6 10.484 6L10.257 6L9.993 7.582C9.97 7.718 9.903 7.827 9.791 7.907C9.678 7.987 9.554 8.016 9.418 7.993C9.279 7.97 9.17 7.903 9.091 7.792C9.012 7.682 8.984 7.557 9.007 7.418L9.243 6L4.516 6C4.311 6 4.124 6.057 3.955 6.172ZM3.497 8C3.497 7.864 3.547 7.746 3.646 7.646C4.244 7.049 4.883 6.75 5.563 6.75C6.205 6.75 6.943 7.028 7.777 7.584C8.443 8.028 8.997 8.25 9.438 8.25C9.64 8.25 9.835 8.204 10.024 8.113C10.226 8.015 10.434 7.859 10.646 7.646C10.746 7.547 10.864 7.497 11 7.497C11.136 7.497 11.254 7.547 11.354 7.646C11.451 7.744 11.5 7.862 11.5 8C11.5 8.138 11.451 8.256 11.354 8.354C10.756 8.951 10.117 9.25 9.438 9.25C8.795 9.25 8.057 8.972 7.223 8.416C6.557 7.972 6.003 7.75 5.563 7.75C5.36 7.75 5.165 7.796 4.976 7.887C4.774 7.985 4.566 8.141 4.354 8.354C4.256 8.451 4.138 8.5 4 8.5C3.862 8.5 3.744 8.451 3.646 8.354C3.547 8.254 3.497 8.136 3.497 8ZM2.293 13.707C2.488 13.902 2.724 14 3 14L12 14C12.276 14 12.512 13.902 12.707 13.707C12.902 13.512 13 13.276 13 13L13 11.5C13 11.332 12.991 11.165 12.974 11L2.026 11C2.009 11.165 2 11.332 2 11.5L2 13C2 13.276 2.098 13.512 2.293 13.707Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(SandboxIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_sandbox.xml · Gentleface "sandbox" (line-round), MIT. https://gentleface.com/icons/sandbox -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M11.856 1.144C11.952 1.241 12 1.359 12 1.5C12 1.641 11.952 1.759 11.856 1.856C11.759 1.952 11.641 2 11.5 2L10.924 2L10.424 5L10.484 5C10.893 5 11.267 5.115 11.606 5.344C11.944 5.573 12.19 5.878 12.341 6.257L13.593 9.386C13.864 10.064 14 10.769 14 11.5L14 13C14 13.254 13.953 13.5 13.86 13.736C13.758 13.993 13.609 14.219 13.414 14.414C13.219 14.609 12.993 14.758 12.736 14.86C12.5 14.953 12.254 15 12 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 11.5C1 10.769 1.136 10.064 1.407 9.386L2.659 6.257C2.81 5.878 3.056 5.573 3.394 5.344C3.733 5.115 4.107 5 4.516 5L9.41 5L9.91 2L9.5 2C9.359 2 9.241 1.952 9.144 1.856C9.048 1.759 9 1.641 9 1.5C9 1.359 9.048 1.241 9.144 1.144C9.241 1.048 9.359 1 9.5 1L11.5 1C11.641 1 11.759 1.048 11.856 1.144ZM3.955 6.172C3.786 6.287 3.663 6.439 3.587 6.629L2.336 9.757C2.303 9.838 2.274 9.919 2.246 10L12.754 10C12.726 9.919 12.697 9.838 12.664 9.757L11.413 6.629C11.337 6.439 11.214 6.287 11.045 6.172C10.876 6.057 10.689 6 10.484 6L10.257 6L9.993 7.582C9.97 7.718 9.903 7.827 9.791 7.907C9.678 7.987 9.554 8.016 9.418 7.993C9.279 7.97 9.17 7.903 9.091 7.792C9.012 7.682 8.984 7.557 9.007 7.418L9.243 6L4.516 6C4.311 6 4.124 6.057 3.955 6.172ZM3.497 8C3.497 7.864 3.547 7.746 3.646 7.646C4.244 7.049 4.883 6.75 5.563 6.75C6.205 6.75 6.943 7.028 7.777 7.584C8.443 8.028 8.997 8.25 9.438 8.25C9.64 8.25 9.835 8.204 10.024 8.113C10.226 8.015 10.434 7.859 10.646 7.646C10.746 7.547 10.864 7.497 11 7.497C11.136 7.497 11.254 7.547 11.354 7.646C11.451 7.744 11.5 7.862 11.5 8C11.5 8.138 11.451 8.256 11.354 8.354C10.756 8.951 10.117 9.25 9.438 9.25C8.795 9.25 8.057 8.972 7.223 8.416C6.557 7.972 6.003 7.75 5.563 7.75C5.36 7.75 5.165 7.796 4.976 7.887C4.774 7.985 4.566 8.141 4.354 8.354C4.256 8.451 4.138 8.5 4 8.5C3.862 8.5 3.744 8.451 3.646 8.354C3.547 8.254 3.497 8.136 3.497 8ZM2.293 13.707C2.488 13.902 2.724 14 3 14L12 14C12.276 14 12.512 13.902 12.707 13.707C12.902 13.512 13 13.276 13 13L13 11.5C13 11.332 12.991 11.165 12.974 11L2.026 11C2.009 11.165 2 11.332 2 11.5L2 13C2 13.276 2.098 13.512 2.293 13.707Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "sandbox" (line-round), MIT. https://gentleface.com/icons/sandbox
import 'package:flutter/widgets.dart';

class SandboxIcon extends StatelessWidget {
  const SandboxIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _SandboxIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _SandboxIconPainter extends CustomPainter {
  _SandboxIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(11.856, 1.144)
      ..cubicTo(11.952, 1.241, 12, 1.359, 12, 1.5)
      ..cubicTo(12, 1.641, 11.952, 1.759, 11.856, 1.856)
      ..cubicTo(11.759, 1.952, 11.641, 2, 11.5, 2)
      ..lineTo(10.924, 2)
      ..lineTo(10.424, 5)
      ..lineTo(10.484, 5)
      ..cubicTo(10.893, 5, 11.267, 5.115, 11.606, 5.344)
      ..cubicTo(11.944, 5.573, 12.19, 5.878, 12.341, 6.257)
      ..lineTo(13.593, 9.386)
      ..cubicTo(13.864, 10.064, 14, 10.769, 14, 11.5)
      ..lineTo(14, 13)
      ..cubicTo(14, 13.254, 13.953, 13.5, 13.86, 13.736)
      ..cubicTo(13.758, 13.993, 13.609, 14.219, 13.414, 14.414)
      ..cubicTo(13.219, 14.609, 12.993, 14.758, 12.736, 14.86)
      ..cubicTo(12.5, 14.953, 12.254, 15, 12, 15)
      ..lineTo(3, 15)
      ..cubicTo(2.746, 15, 2.5, 14.953, 2.264, 14.86)
      ..cubicTo(2.007, 14.758, 1.781, 14.609, 1.586, 14.414)
      ..cubicTo(1.391, 14.219, 1.242, 13.993, 1.14, 13.736)
      ..cubicTo(1.047, 13.5, 1, 13.254, 1, 13)
      ..lineTo(1, 11.5)
      ..cubicTo(1, 10.769, 1.136, 10.064, 1.407, 9.386)
      ..lineTo(2.659, 6.257)
      ..cubicTo(2.81, 5.878, 3.056, 5.573, 3.394, 5.344)
      ..cubicTo(3.733, 5.115, 4.107, 5, 4.516, 5)
      ..lineTo(9.41, 5)
      ..lineTo(9.91, 2)
      ..lineTo(9.5, 2)
      ..cubicTo(9.359, 2, 9.241, 1.952, 9.144, 1.856)
      ..cubicTo(9.048, 1.759, 9, 1.641, 9, 1.5)
      ..cubicTo(9, 1.359, 9.048, 1.241, 9.144, 1.144)
      ..cubicTo(9.241, 1.048, 9.359, 1, 9.5, 1)
      ..lineTo(11.5, 1)
      ..cubicTo(11.641, 1, 11.759, 1.048, 11.856, 1.144)
      ..close()
      ..moveTo(3.955, 6.172)
      ..cubicTo(3.786, 6.287, 3.663, 6.439, 3.587, 6.629)
      ..lineTo(2.336, 9.757)
      ..cubicTo(2.303, 9.838, 2.274, 9.919, 2.246, 10)
      ..lineTo(12.754, 10)
      ..cubicTo(12.726, 9.919, 12.697, 9.838, 12.664, 9.757)
      ..lineTo(11.413, 6.629)
      ..cubicTo(11.337, 6.439, 11.214, 6.287, 11.045, 6.172)
      ..cubicTo(10.876, 6.057, 10.689, 6, 10.484, 6)
      ..lineTo(10.257, 6)
      ..lineTo(9.993, 7.582)
      ..cubicTo(9.97, 7.718, 9.903, 7.827, 9.791, 7.907)
      ..cubicTo(9.678, 7.987, 9.554, 8.016, 9.418, 7.993)
      ..cubicTo(9.279, 7.97, 9.17, 7.903, 9.091, 7.792)
      ..cubicTo(9.012, 7.682, 8.984, 7.557, 9.007, 7.418)
      ..lineTo(9.243, 6)
      ..lineTo(4.516, 6)
      ..cubicTo(4.311, 6, 4.124, 6.057, 3.955, 6.172)
      ..close()
      ..moveTo(3.497, 8)
      ..cubicTo(3.497, 7.864, 3.547, 7.746, 3.646, 7.646)
      ..cubicTo(4.244, 7.049, 4.883, 6.75, 5.563, 6.75)
      ..cubicTo(6.205, 6.75, 6.943, 7.028, 7.777, 7.584)
      ..cubicTo(8.443, 8.028, 8.997, 8.25, 9.438, 8.25)
      ..cubicTo(9.64, 8.25, 9.835, 8.204, 10.024, 8.113)
      ..cubicTo(10.226, 8.015, 10.434, 7.859, 10.646, 7.646)
      ..cubicTo(10.746, 7.547, 10.864, 7.497, 11, 7.497)
      ..cubicTo(11.136, 7.497, 11.254, 7.547, 11.354, 7.646)
      ..cubicTo(11.451, 7.744, 11.5, 7.862, 11.5, 8)
      ..cubicTo(11.5, 8.138, 11.451, 8.256, 11.354, 8.354)
      ..cubicTo(10.756, 8.951, 10.117, 9.25, 9.438, 9.25)
      ..cubicTo(8.795, 9.25, 8.057, 8.972, 7.223, 8.416)
      ..cubicTo(6.557, 7.972, 6.003, 7.75, 5.563, 7.75)
      ..cubicTo(5.36, 7.75, 5.165, 7.796, 4.976, 7.887)
      ..cubicTo(4.774, 7.985, 4.566, 8.141, 4.354, 8.354)
      ..cubicTo(4.256, 8.451, 4.138, 8.5, 4, 8.5)
      ..cubicTo(3.862, 8.5, 3.744, 8.451, 3.646, 8.354)
      ..cubicTo(3.547, 8.254, 3.497, 8.136, 3.497, 8)
      ..close()
      ..moveTo(2.293, 13.707)
      ..cubicTo(2.488, 13.902, 2.724, 14, 3, 14)
      ..lineTo(12, 14)
      ..cubicTo(12.276, 14, 12.512, 13.902, 12.707, 13.707)
      ..cubicTo(12.902, 13.512, 13, 13.276, 13, 13)
      ..lineTo(13, 11.5)
      ..cubicTo(13, 11.332, 12.991, 11.165, 12.974, 11)
      ..lineTo(2.026, 11)
      ..cubicTo(2.009, 11.165, 2, 11.332, 2, 11.5)
      ..lineTo(2, 13)
      ..cubicTo(2, 13.276, 2.098, 13.512, 2.293, 13.707)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_SandboxIconPainter old) => old.color != color;
}
```