Add icons to this collection by clicking the heart icon.
Totebag icon - also known as art, fashion, bag, design, accessory, ecology and environment, and totebag. Created in a clean lineal color style with a white, silver, teal, navy, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path d="M122.913 442.099h266.174V33.901H122.913Z" />
</clipPath>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(480.7406 0 0 -480.7406 15.63 -276)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdbed" />
<stop offset=".049" stop-opacity="1" stop-color="#ffdbed" />
<stop offset=".971" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".999" stop-opacity="1" stop-color="#d2deff" />
<stop offset="1" stop-opacity="1" stop-color="#d2deff" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(421.45193 0 0 -421.45193 45.274 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".049" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".971" stop-opacity="1" stop-color="#dcfdee" />
<stop offset=".999" stop-opacity="1" stop-color="#dcfdee" />
<stop offset="1" stop-opacity="1" stop-color="#dcfdee" />
</linearGradient>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M20.723-199.563c26.255-85.007 107.775-89.005 182.131-93.553 244.867-14.978-63.002-218.187 146.696-238.304 77.137-7.4 157.788 56.956 145.59 140.29-11.107 75.879-121.153 121.074-121.207 191.98-.044 55.945 103.859 96.409 36.271 156.552-60.248 53.613-442.87 15.889-389.481-156.965"
fill="url(#b)"
stroke="none"
/>
</g>
<path
d="M97.145 473.768c-135.327-119.539 38.832-235.409 22.244-366.028C112.412 52.802 133 .15 200.144 0h.591c3.649.008 7.434.171 11.359.496 93.412 7.732 59.504 97.209 79.065 156.778 33.659 102.501 240.729 78.56 154.894 236.448C409.04 461.806 305.25 511.994 213.101 512c-44.222.003-85.752-11.552-115.956-38.232"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#c)"
stroke="none"
/>
<g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#e)" opacity=".1">
<path
d="M202.509 406.453H309.49v-88.97H202.509Zm176.578-88.97h-33.95v88.97h.001l-18 35.647H184.862l-18-35.647h.001-.001v-88.97h-33.949c-5.522 0-10-4.477-10-10V43.9c0-5.522 4.478-10 10-10h246.174c5.522 0 10 4.478 10 10v263.583c0 5.523-4.478 10-10 10"
fill="#2626bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0h-246.174c-5.522 0-10 4.477-10 10v263.583c0 5.522 4.478 10 10 10H0c5.522 0 10-4.478 10-10V10C10 4.477 5.522 0 0 0"
transform="translate(379.087 57.9)"
fill="#dcfdee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 62.474 50.645 113.119 113.119 113.119 62.475 0 113.119-50.645 113.119-113.119Z"
transform="translate(142.88 57.9)"
fill="#97ffd2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h188.94c5.523 0 10 4.478 10 10v263.583c0 5.523-4.477 10-10 10H-57.233c-5.523 0-10-4.477-10-10V10c0-5.522 4.477-10 10-10h24.243"
transform="translate(190.147 57.9)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M202.509 430.453h-35.646v-88.969h35.646zM345.138 430.453h-35.646v-88.969h35.646z"
fill="#97ffd2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M202.509 430.453h-35.646v-24.044h35.646zM345.137 430.453h-35.646v-24.044h35.646z"
fill="#02ffb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-178.275l18 35.646H-18Z"
transform="translate(345.138 430.453)"
fill="#dcfdee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M202.509 430.453h-35.646v-88.969h35.646z"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-55.979h35.646v88.97"
transform="translate(309.49 397.462)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-178.275l18 35.646H-18Z"
transform="translate(345.138 430.453)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 32.042-20.669 59.227-49.41 68.98C-78.152 59.227-98.842 32.041-98.842 0c0-32.021 20.69-59.206 49.432-68.959C-20.669-59.206 0-32.021 0 0"
transform="translate(305.42 199.682)"
fill="#01eca5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v100.435"
transform="translate(256.01 130.722)"
fill="none"
stroke="#00b574"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 17.139 11.211"
transform="translate(257.054 180.94)"
fill="none"
stroke="#00b574"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-16.687 9.751"
transform="translate(256.01 203.676)"
fill="none"
stroke="#00b574"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-37.52a5 5 0 0 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(318.937 228.737)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.52a5 5 0 0 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(318.937 245.353)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-10.848"
transform="translate(151.447 341.483)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-10.848"
transform="translate(360.553 341.483)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-7.741-7.742 10.273-6.516L-5.209-22"
transform="translate(440.43 239.737)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-7.741-7.742 10.273-6.516L-5.21-22"
transform="translate(405.658 388.047)"
fill="none"
stroke="#01eca5"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-7.742-7.742 10.273-6.516L-5.21-22"
transform="translate(125.519 388.047)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(99.883 445.656)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(88.883 156.203)"
fill="none"
stroke="#01eca5"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category