SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Foam
Hipster Style 10
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.16 KB
2.83 KB
-32%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/261484/foam --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <polygon style="fill:#CC8525;" points="419.265,444.604 343.51,444.604 343.51,418.482 393.143,418.482 393.143,234.58 343.51,234.58 343.51,208.457 419.265,208.457 "/> <polygon style="fill:#FFB555;" points="419.265,208.457 419.265,326.531 393.143,326.531 393.143,234.58 343.51,234.58 343.51,208.457 "/> <rect x="92.735" y="179.2" style="fill:#FFE789;" width="250.775" height="293.616"/> <rect x="322.612" y="179.2" style="fill:#DDB92E;" width="20.898" height="293.616"/> <g> <rect x="92.735" y="179.2" style="fill:#FFFFFF;" width="20.898" height="293.616"/> <path style="fill:#FFFFFF;" d="M163.109,85.159h138.606c17.314,0,31.347,14.033,31.347,31.347H103.184 c0-8.652,3.511-16.488,9.185-22.162c4.493-4.493,10.344-7.628,16.886-8.735"/> <rect x="143.412" y="242.416" style="fill:#FFFFFF;" width="15.673" height="15.673"/> <rect x="122.514" y="284.212" style="fill:#FFFFFF;" width="15.673" height="15.673"/> <rect x="239.543" y="273.763" style="fill:#FFFFFF;" width="15.673" height="15.673"/> <rect x="229.094" y="221.518" style="fill:#FFFFFF;" width="15.673" height="15.673"/> <rect x="259.396" y="315.559" style="fill:#FFFFFF;" width="15.673" height="15.673"/> <rect x="290.743" y="242.416" style="fill:#FFFFFF;" width="15.673" height="15.673"/> <circle style="fill:#FFFFFF;" cx="196.702" cy="48.588" r="13.061"/> <circle style="fill:#FFFFFF;" cx="146.024" cy="73.143" r="20.898"/> <path style="fill:#FFFFFF;" d="M92.735,116.506V179.2h68.441v39.184c0,7.214,5.847,13.061,13.061,13.061 c7.214,0,13.061-5.847,13.061-13.061V179.2H343.51v-62.694H92.735z"/> </g> <path d="M427.102,200.62h-75.755v-91.951h-11.238c-3.64-17.864-19.472-31.347-38.395-31.347H174.452 c0.2-1.365,0.307-2.76,0.307-4.18c0-15.845-12.891-28.735-28.735-28.735s-28.735,12.89-28.735,28.735 c0,2.666,0.373,5.244,1.055,7.696c-4.248,1.927-8.146,4.592-11.519,7.964c-5.518,5.519-9.186,12.392-10.697,19.867H84.898V512 h266.449v-59.559h75.755V200.62z M351.347,242.416h33.959v168.229h-33.959V242.416z M100.571,171.363v-47.02h235.102v47.02H179.461 v47.02c0,2.881-2.344,5.224-5.224,5.224s-5.224-2.344-5.224-5.224v-47.02H100.571z M146.024,60.082 c7.202,0,13.061,5.859,13.061,13.061c0,7.202-5.859,13.061-13.061,13.061c-7.202,0-13.061-5.859-13.061-13.061 S138.822,60.082,146.024,60.082z M117.91,99.885c2.505-2.506,5.486-4.371,8.755-5.528c5.112,4.669,11.908,7.52,19.359,7.52 c8.148,0,15.509-3.415,20.743-8.882h134.946c10.216,0,18.927,6.553,22.162,15.673H112.384 C113.538,105.407,115.389,102.406,117.91,99.885z M335.673,496.327H100.571v-15.673h235.102V496.327z M100.571,464.98V187.037 h52.767v31.347c0,11.523,9.375,20.898,20.898,20.898s20.898-9.375,20.898-20.898v-31.347h140.539V464.98H100.571z M411.429,436.767 h-60.082v-10.449h49.633V226.743h-49.633v-10.449h60.082V436.767z"/> <rect x="135.053" y="367.804" width="15.673" height="47.02"/> <rect x="135.053" y="336.457" width="15.673" height="15.673"/> <rect x="235.363" y="430.498" width="15.673" height="15.673"/> <rect x="235.363" y="336.457" width="15.673" height="78.367"/> <rect x="285.518" y="305.11" width="15.673" height="106.58"/> <path d="M114.678,47.02c12.963,0,23.51-10.546,23.51-23.51S127.641,0,114.678,0s-23.51,10.546-23.51,23.51 S101.715,47.02,114.678,47.02z M114.678,15.673c4.322,0,7.837,3.515,7.837,7.837s-3.515,7.837-7.837,7.837 c-4.322,0-7.837-3.515-7.837-7.837S110.356,15.673,114.678,15.673z"/> <path d="M196.702,69.486c11.523,0,20.898-9.375,20.898-20.898s-9.375-20.898-20.898-20.898c-11.523,0-20.898,9.375-20.898,20.898 S185.179,69.486,196.702,69.486z M196.702,43.363c2.881,0,5.225,2.344,5.225,5.224s-2.344,5.224-5.225,5.224 c-2.881,0-5.224-2.344-5.224-5.224S193.821,43.363,196.702,43.363z"/> <rect x="185.208" y="336.457" width="15.673" height="109.714"/> <rect x="185.208" y="305.11" width="15.673" height="15.673"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.16 KB
2.83 KB
-32%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/261484/foam --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <polygon style="fill:#CC8525;" points="419.265,444.604 343.51,444.604 343.51,418.482 393.143,418.482 393.143,234.58 343.51,234.58 343.51,208.457 419.265,208.457 "/> <polygon style="fill:#FFB555;" points="419.265,208.457 419.265,326.531 393.143,326.531 393.143,234.58 343.51,234.58 343.51,208.457 "/> <rect x="92.735" y="179.2" style="fill:#FFE789;" width="250.775" height="293.616"/> <rect x="322.612" y="179.2" style="fill:#DDB92E;" width="20.898" height="293.616"/> <g> <rect x="92.735" y="179.2" style="fill:#FFFFFF;" width="20.898" height="293.616"/> <path style="fill:#FFFFFF;" d="M163.109,85.159h138.606c17.314,0,31.347,14.033,31.347,31.347H103.184 c0-8.652,3.511-16.488,9.185-22.162c4.493-4.493,10.344-7.628,16.886-8.735"/> <rect x="143.412" y="242.416" style="fill:#FFFFFF;" width="15.673" height="15.673"/> <rect x="122.514" y="284.212" style="fill:#FFFFFF;" width="15.673" height="15.673"/> <rect x="239.543" y="273.763" style="fill:#FFFFFF;" width="15.673" height="15.673"/> <rect x="229.094" y="221.518" style="fill:#FFFFFF;" width="15.673" height="15.673"/> <rect x="259.396" y="315.559" style="fill:#FFFFFF;" width="15.673" height="15.673"/> <rect x="290.743" y="242.416" style="fill:#FFFFFF;" width="15.673" height="15.673"/> <circle style="fill:#FFFFFF;" cx="196.702" cy="48.588" r="13.061"/> <circle style="fill:#FFFFFF;" cx="146.024" cy="73.143" r="20.898"/> <path style="fill:#FFFFFF;" d="M92.735,116.506V179.2h68.441v39.184c0,7.214,5.847,13.061,13.061,13.061 c7.214,0,13.061-5.847,13.061-13.061V179.2H343.51v-62.694H92.735z"/> </g> <path d="M427.102,200.62h-75.755v-91.951h-11.238c-3.64-17.864-19.472-31.347-38.395-31.347H174.452 c0.2-1.365,0.307-2.76,0.307-4.18c0-15.845-12.891-28.735-28.735-28.735s-28.735,12.89-28.735,28.735 c0,2.666,0.373,5.244,1.055,7.696c-4.248,1.927-8.146,4.592-11.519,7.964c-5.518,5.519-9.186,12.392-10.697,19.867H84.898V512 h266.449v-59.559h75.755V200.62z M351.347,242.416h33.959v168.229h-33.959V242.416z M100.571,171.363v-47.02h235.102v47.02H179.461 v47.02c0,2.881-2.344,5.224-5.224,5.224s-5.224-2.344-5.224-5.224v-47.02H100.571z M146.024,60.082 c7.202,0,13.061,5.859,13.061,13.061c0,7.202-5.859,13.061-13.061,13.061c-7.202,0-13.061-5.859-13.061-13.061 S138.822,60.082,146.024,60.082z M117.91,99.885c2.505-2.506,5.486-4.371,8.755-5.528c5.112,4.669,11.908,7.52,19.359,7.52 c8.148,0,15.509-3.415,20.743-8.882h134.946c10.216,0,18.927,6.553,22.162,15.673H112.384 C113.538,105.407,115.389,102.406,117.91,99.885z M335.673,496.327H100.571v-15.673h235.102V496.327z M100.571,464.98V187.037 h52.767v31.347c0,11.523,9.375,20.898,20.898,20.898s20.898-9.375,20.898-20.898v-31.347h140.539V464.98H100.571z M411.429,436.767 h-60.082v-10.449h49.633V226.743h-49.633v-10.449h60.082V436.767z"/> <rect x="135.053" y="367.804" width="15.673" height="47.02"/> <rect x="135.053" y="336.457" width="15.673" height="15.673"/> <rect x="235.363" y="430.498" width="15.673" height="15.673"/> <rect x="235.363" y="336.457" width="15.673" height="78.367"/> <rect x="285.518" y="305.11" width="15.673" height="106.58"/> <path d="M114.678,47.02c12.963,0,23.51-10.546,23.51-23.51S127.641,0,114.678,0s-23.51,10.546-23.51,23.51 S101.715,47.02,114.678,47.02z M114.678,15.673c4.322,0,7.837,3.515,7.837,7.837s-3.515,7.837-7.837,7.837 c-4.322,0-7.837-3.515-7.837-7.837S110.356,15.673,114.678,15.673z"/> <path d="M196.702,69.486c11.523,0,20.898-9.375,20.898-20.898s-9.375-20.898-20.898-20.898c-11.523,0-20.898,9.375-20.898,20.898 S185.179,69.486,196.702,69.486z M196.702,43.363c2.881,0,5.225,2.344,5.225,5.224s-2.344,5.224-5.225,5.224 c-2.881,0-5.224-2.344-5.224-5.224S193.821,43.363,196.702,43.363z"/> <rect x="185.208" y="336.457" width="15.673" height="109.714"/> <rect x="185.208" y="305.11" width="15.673" height="15.673"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG