SVG
Viewer
Dark mode
Light mode
Hide sidebar
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%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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
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%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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