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 flat style with a white, silver, gray, teal, purple, orange, 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>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c29.314 40.381 46.615 90.05 46.615 143.767 0 135.31-109.69 245.001-245 245.001-135.309 0-245-109.691-245-245.001 0-53.717 17.301-103.386 46.615-143.767z"
transform="translate(454.385 101.233)"
fill="#603f42"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h31.697c.119 0 .237-.013.355-.019v128.893H-.354V-.019C-.236-.013-.119 0 0 0"
transform="translate(185.884 353.12)"
fill="#f9d778"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.922 0-12.951 3.759-16.203 9.336v-58.173c.118.006.235.019.354.019h31.698c.119 0 .235-.013.354-.019V9.336C12.951 3.759 6.921 0 0 0"
transform="translate(201.732 401.938)"
fill="#efc55b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v126.483l-32.406 2.401V0Z"
transform="translate(412.31 353.11)"
fill="#f9d778"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.921 0-12.952 3.759-16.203 9.336v-58.164h32.406V9.336C12.951 3.759 6.921 0 0 0"
transform="translate(396.106 401.938)"
fill="#efc55b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a11.727 11.727 0 0 1-8.293 3.436h-83.384c3.111 0 6.093-1.236 8.293-3.436l28.971-28.971h83.385z"
transform="translate(383.338 508.565)"
fill="#fee886"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c3.11 0 6.093-1.235 8.293-3.436l28.971-28.97h37.219C39.233-21.312 56.983 0 56.983 0Z"
transform="translate(291.661 512)"
fill="#efc55b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-296.189c-7.712 0-14.022-6.31-14.022-14.021v-239.256c44.465-61.907 117.076-102.234 199.113-102.234 45.715 0 88.495 12.534 125.119 34.333v307.157C14.021-6.31 7.712 0 0 0"
transform="translate(367.098 355.51)"
fill="#85d249"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.712 0-14.022-6.31-14.022-14.021v-239.256c38.19-53.169 97.141-90.419 164.995-99.875-25.167 41.354 9.381 67.648 9.381 67.648l-1.837 32.134c-70.721 23.14-48.093 91.305-48.093 91.305l36.665 54.011C101.07-49.097 147.027 0 147.027 0Z"
transform="translate(70.908 355.51)"
fill="#60b550"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 7.712-6.311 14.021-14.022 14.021h-76.129c7.713 0 14.022-6.309 14.022-14.021v-308.418c30.003 17.449 55.96 41.084 76.129 69.162z"
transform="translate(455.114 341.49)"
fill="#85d249"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h31.696c.12 0 .237-.013.355-.018v157.989l-32.406 2.4V-.018C-.236-.013-.12 0 0 0"
transform="translate(299.274 321.623)"
fill="#fee886"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h31.696c.12 0 .237-.013.356-.018v160.389l-32.407-2.4V-.018C-.236-.013-.12 0 0 0"
transform="translate(104.9 321.623)"
fill="#fee886"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a11.727 11.727 0 0 1-8.293 3.436h-152.252c-3.11 0-6.094-1.236-8.293-3.436l-28.972-28.971H28.971Z"
transform="translate(302.354 508.565)"
fill="#fff9ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.731-1.678-2.339-5.764.662-6.891l34.436-12.93c2.352-.884 4.908.685 5.183 3.183l1.518 13.74 2.52 22.821c.352 3.186-3.114 5.384-5.845 3.706l-1.016-.623a2.234 2.234 0 0 0-3.06.714l-7.711 12.27a16.776 16.776 0 0 1-14.2 7.846h-35.925L1.769 3.734A2.233 2.233 0 0 0 1.047.643Z"
transform="translate(241.436 203.621)"
fill="#e1eaf9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c1.114-.746 2.601.115 2.506 1.453L-.466 43.538a3.845 3.845 0 0 1-5.045 3.379l-15.749-5.214-19.969-6.611c-3.037-1.006-3.589-5.066-.931-6.846l1.462-.979a2.233 2.233 0 0 0 .648-3.044l-7.931-12.619A11.74 11.74 0 0 1-48.095-.71l18.398-30.494L-8.318 2.807a2.232 2.232 0 0 0 3.133.667z"
transform="translate(161.498 137.134)"
fill="#c5def8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-37.353a14.187 14.187 0 0 1-12.012-6.638l-16.036-25.511a2.233 2.233 0 0 1 .648-3.044l28.088-18.819a2.235 2.235 0 0 1 3.134.667z"
transform="translate(217.997 247.457)"
fill="#c5def8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h29.177c1.233 0 2.233 1 2.233 2.233v33.795c0 1.234-1 2.234-2.233 2.234h-59.9L-11.585 6.54A13.53 13.53 0 0 1 0 0"
transform="translate(162.53 67.657)"
fill="#c5def8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.234 0-2.234 1-2.234 2.233v3.031c0 3.296-3.79 5.15-6.393 3.128l-33.65-26.159a1.727 1.727 0 0 1 0-2.728l14.066-10.935 19.584-15.223c2.603-2.024 6.393-.169 6.393 3.128v3.03c0 1.233 1 2.233 2.234 2.233h20.724a11.86 11.86 0 0 1 10.154 5.733L50.503 0h-.011z"
transform="translate(253.707 105.919)"
fill="#e1eaf9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-14.688 23.369a2.234 2.234 0 0 1-3.06.715L-46.547 6.396a2.233 2.233 0 0 1-.723-3.091l29.233-46.506h.011L.121-13.122A12.509 12.509 0 0 1 0 0"
transform="translate(322.236 149.12)"
fill="#e1eaf9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-1.621 2.579a16.77 16.77 0 0 1-14.199 7.847h-35.926l16.39-26.075C-32.3.475-14.009 8.583 0 0"
transform="translate(269.743 237.031)"
fill="#c5def8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-13.647c-1.234 0-2.235 1-2.235 2.233v3.031c0 3.296-3.79 5.15-6.392 3.128l-33.651-26.159a1.729 1.729 0 0 1 0-2.728l14.067-10.935 19.584-15.223c2.602-2.023 6.392-.169 6.392 3.128v3.03a2.234 2.234 0 0 0 2.235 2.232H0C-13.147-28.859-13.163-9.415 0 0"
transform="translate(267.354 105.919)"
fill="#c5def8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v214.886l.63 34.269h-51.972c7.713 0 14.023-6.309 14.023-14.021V-73.284C-15.59-60.646 4.003-44.751 20.825-26.286-.235-18.364 0 0 0 0"
transform="translate(416.305 106.356)"
fill="#60b550"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-76.129c7.713 0 14.023-6.31 14.023-14.021l32.653-24.916a9.189 9.189 0 0 1 11.18.027l32.295 24.889C14.022-6.31 7.712 0 0 0"
transform="translate(441.092 355.51)"
fill="#389f4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.748 0-14.255 5.248-16.203 12.379v-92.573c.119.005.235.017.355.017h31.697c.12 0 .236-.012.355-.017v92.573C14.255 5.248 7.749 0 0 0"
transform="translate(120.748 401.8)"
fill="#efc55b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.748 0-14.254 5.248-16.203 12.378v-92.572c.119.005.235.017.355.017h31.697c.119 0 .236-.012.354-.017v92.572C14.255 5.248 7.748 0 0 0"
transform="translate(315.122 401.8)"
fill="#efc55b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-31.696a7.857 7.857 0 0 1-7.858-7.856v-25.095a7.858 7.858 0 0 1 7.858-7.857H0a7.857 7.857 0 0 1 7.857 7.857v25.095A7.857 7.857 0 0 1 0 0"
transform="translate(136.597 324.023)"
fill="#85d249"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-31.696a7.857 7.857 0 0 1-7.858-7.856v-25.095a7.858 7.858 0 0 1 7.858-7.857H0a7.857 7.857 0 0 1 7.857 7.857v25.095A7.857 7.857 0 0 1 0 0"
transform="translate(330.97 324.023)"
fill="#a3ea6e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category