Add icons to this collection by clicking the heart icon.
Cannon icon - also known as entertainment, circus, cannon, celebration, carnival, amusement park, circuit, festive, activity, and festival. Created in a clean flat style with a white, silver, gray, red, yellow, teal, navy, 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 0c-101.98 0-189.396-62.314-226.278-150.937 0 0-14.889-247.776 150.793-323.776L45.27-485.807c113.679 21.24 199.728 120.968 199.728 240.808C244.998-109.689 135.309 0 0 0"
transform="translate(244.999 500.658)"
fill="#5c45bf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-49.301-11.165-70.491-74.762-79.04-114.687 10.629-13.009 22.769-25.055 36.63-35.686L84.323-20.241S54.346 12.307 0 0"
transform="translate(171.566 200.618)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.555 12.575c-3.728 7.154-11.601 10.677-19.078 9.281a243.105 243.105 0 0 1-14.53-48.793A127.701 127.701 0 0 0 0 0"
transform="translate(44.353 327.864)"
fill="#ff7186"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.811-6.345-29.607-15.404-41.134-26.39A246.141 246.141 0 0 1-45.9-74.663c0-66.477 26.488-126.758 69.471-170.898a131.212 131.212 0 0 0-2.572 25.824c0 20.486 4.723 39.889 13.129 57.184L9.782-175.352a3.086 3.086 0 0 0-3.314.24 3.087 3.087 0 0 0-1.252 3.078l6.697 39.051a6.487 6.487 0 0 1-1.867 5.749l-28.373 27.657a3.086 3.086 0 0 0-.796 3.226 3.089 3.089 0 0 0 2.541 2.141l39.208 5.698a6.497 6.497 0 0 1 4.892 3.553l17.534 35.531a3.089 3.089 0 0 0 2.823 1.755 3.089 3.089 0 0 0 2.822-1.755l17.534-35.53a6.489 6.489 0 0 1 4.891-3.553l39.211-5.699c.284-.041.551-.123.803-.229 12.359 3.866 25.497 5.952 39.114 5.952 3.824 0 7.609-.174 11.352-.496L91.114 36.569Z"
transform="translate(45.9 330.322)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-91.114-36.569c-15.81-6.346-29.608-15.405-41.134-26.39a246.141 246.141 0 0 1-4.767-48.273c0-66.478 26.489-126.758 69.472-170.899a131.227 131.227 0 0 0-2.572 25.824c0 20.487 4.722 39.89 13.129 57.185l-24.346-12.799a3.088 3.088 0 0 0-3.314.239 3.086 3.086 0 0 0-1.252 3.078l6.697 39.051a6.486 6.486 0 0 1-1.867 5.749l-28.373 27.658a3.088 3.088 0 0 0-.796 3.226 3.089 3.089 0 0 0 2.541 2.141l39.208 5.698a6.493 6.493 0 0 1 4.891 3.553l17.534 35.531a3.09 3.09 0 0 0 2.824 1.755 3.09 3.09 0 0 0 2.822-1.755l8.21-16.636 69.358 38.284z"
transform="translate(137.015 366.892)"
fill="#e80054"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 59.838 46.973-72.765 126.031-70.597-28.334Z"
transform="translate(422.44 303.254)"
fill="#4fabf7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 .385 4.271-34.362 59.515-70.597-28.334L-80.61-6.055l2.167 1.184C-23.915 24.926 0 0 0 0"
transform="translate(443.49 412.472)"
fill="#2e8be6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-149.601-60.042 71.964-124.646c33.533-2.288 63.649-17.219 85.596-40.061l83.813 65.795z"
transform="translate(284.804 426.206)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-27.41 47.476-149.601-60.042 37.271-64.556L-1.696-.927 0 0"
transform="translate(312.214 378.73)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-74.281 128.658c-4.603 7.972-1.871 18.165 6.1 22.767s18.164 1.872 22.767-6.1L28.867 16.666c4.602-7.972 1.871-18.164-6.1-22.767C14.795-10.703 4.603-7.972 0 0"
transform="translate(480.897 347.679)"
fill="#e9efff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.427 3.71 14.159 3.064 19.82-.998L-16.517 61.94c-4.602 7.971-14.795 10.703-22.766 6.1-7.972-4.602-10.703-14.795-6.101-22.767l36.337-62.937C-9.734-10.73-6.427-3.711 0 0"
transform="translate(452 431.063)"
fill="#bec8f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.931-.62-72.698 7.948 33.615 59.747.97.55-2.06 3.57-.881-.705-69.081 1.628 29.174 67.492.992.513-1.136 1.967-58.237-23.373 92.048-159.434L1.136-1.969z"
transform="translate(423.266 306.763)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.276.007 29.174 67.492.992.513-1.136 1.967-58.237-23.374L-1.958-1.07 0 0"
transform="translate(312.476 378.874)"
fill="#ff9100"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.712-71.049 72.721-1.713z"
transform="translate(341.23 448.853)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.816 41.252-30.712-71.049Z"
transform="translate(365.046 407.6)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.401-62.926 76.564-8.371z"
transform="translate(383.238 376.09)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-39.211 5.699a4.818 4.818 0 0 0-3.629 2.637l-17.536 35.53c-1.768 3.584-6.877 3.584-8.645 0l-17.536-35.53a4.816 4.816 0 0 0-3.63-2.637L-129.397 0c-3.955-.574-5.533-5.434-2.671-8.222l28.373-27.657a4.82 4.82 0 0 0 1.385-4.267l-6.697-39.052c-.676-3.938 3.458-6.941 6.994-5.081l22.382 11.766c15.719 34.166 45.69 60.466 82.252 71.244A4.729 4.729 0 0 1 0 0"
transform="translate(158.474 237.769)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a4.82 4.82 0 0 1-1.387 4.267L-29.76 31.924a4.736 4.736 0 0 0-1.424 2.889l-27.527-4.001c-3.954-.574-5.532-5.433-2.671-8.221l28.373-27.657a4.82 4.82 0 0 0 1.386-4.267l-6.697-39.053c-.676-3.937 3.458-6.94 6.994-5.081L-8.944-41.7a130.574 130.574 0 0 0 2.754 5.609z"
transform="translate(87.787 206.956)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-73.294 0-132.924-59.63-132.924-132.925 0-8.055.722-15.946 2.101-23.611 23.494-24.736 52.102-44.561 84.127-57.803-28.171 16.221-47.177 46.64-47.177 81.414 0 51.763 42.111 93.874 93.873 93.874 51.763 0 93.874-42.111 93.874-93.874 0-51.762-42.111-93.873-93.874-93.873-3.221 0-6.403.164-9.542.483a245.617 245.617 0 0 1 56.391-6.534c15.468 0 30.596 1.451 45.27 4.192 25.138 24.197 40.806 58.168 40.806 95.732C132.925-59.63 73.295 0 0 0"
transform="translate(198.15 243.509)"
fill="#2a428c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.983 1.187-15.582 9.074-16.661 13.866-.454 2.017-2.161 3.501-4.226 3.614-4.246.233-7.098 1.625-9.012 3.475C-46.383 6.636-67.892-2.044-91.39-2.044c-3.22 0-6.403.164-9.542.482a245.685 245.685 0 0 1 56.391-6.533c15.469 0 30.597 1.449 45.27 4.192.797.766 1.584 1.543 2.361 2.329A4.72 4.72 0 0 1 0 0"
transform="translate(289.54 18.755)"
fill="#1c2e7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 38.305 23.062 71.317 56.029 85.898-1.157 2.812-1.029 5.751-.57 8.063.464 2.339-.83 4.693-3.108 5.399-14.13 4.382-11.062 15.413-8.326 21.12.445.927.532 1.931.342 2.876C-4.479 103.683-39.051 55.806-39.051 0c0-8.056.722-15.946 2.102-23.611 23.493-24.737 52.101-44.562 84.126-57.803C19.006-65.193 0-34.774 0 0"
transform="translate(104.277 110.584)"
fill="#1c2e7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.162 0-11.157 4.995-11.157 11.157v65.237c0 6.162 4.995 11.157 11.157 11.157s11.157-4.995 11.157-11.157V11.157C11.157 4.995 6.162 0 0 0"
transform="translate(198.15 128.065)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.162 0-11.157-4.995-11.157-11.157v-64.361a243.411 243.411 0 0 1 21.79-4.256c.339 1.066.524 2.202.524 3.38v65.237C11.157-4.995 6.162 0 0 0"
transform="translate(198.15 93.105)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.855 0-5.711 1.09-7.89 3.268l-46.129 46.128c-4.357 4.357-4.357 11.422-.001 15.78 4.358 4.355 11.422 4.355 15.78 0L7.889 19.047c4.357-4.358 4.358-11.422.001-15.779A11.128 11.128 0 0 0 0 0"
transform="translate(177.901 119.677)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.856 0-5.711 1.09-7.89 3.268l-46.13 46.129c-4.356 4.358-4.356 11.422.001 15.78 4.358 4.355 11.422 4.355 15.78 0L7.89 19.047c4.357-4.357 4.356-11.422-.001-15.779A11.124 11.124 0 0 0 0 0"
transform="translate(264.53 33.048)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-65.236c-6.162 0-11.158 4.996-11.158 11.157 0 6.162 4.996 11.157 11.158 11.157H0c6.162 0 11.157-4.995 11.157-11.157C11.157 4.996 6.162 0 0 0"
transform="translate(169.514 99.427)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-65.236c-6.162 0-11.158 4.996-11.158 11.157 0 6.162 4.996 11.157 11.158 11.157H0c6.162 0 11.157-4.995 11.157-11.157C11.157 4.996 6.162 0 0 0"
transform="translate(292.023 99.427)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-46.13-46.13a11.106 11.106 0 0 1-3.251-7.545 244.634 244.634 0 0 1 17.577-9.445c.509.36.998.757 1.453 1.211l46.13 46.13C20.137-11.422 20.136-4.357 15.778 0 11.421 4.356 4.357 4.356 0 0"
transform="translate(170.012 98.225)"
fill="#ffb332"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a11.13 11.13 0 0 0-7.89 3.268c-4.356 4.357-4.356 11.421.001 15.779L38.24 65.176c4.358 4.355 11.422 4.353 15.78 0 4.357-4.358 4.356-11.423-.001-15.78L7.89 3.268A11.126 11.126 0 0 0 0 0"
transform="translate(218.4 119.677)"
fill="#ffdd40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-45.609 0-82.715 37.105-82.715 82.716 0 45.61 37.106 82.717 82.715 82.717 45.61 0 82.718-37.107 82.718-82.717C82.718 37.105 45.61 0 0 0m0 187.747c-57.914 0-105.03-47.116-105.03-105.031 0-22.867 7.35-44.047 19.806-61.313C-50.626-.782-10.082-14.498 33.485-16.841c41.547 14.011 71.547 53.346 71.547 99.557 0 57.915-47.117 105.031-105.032 105.031"
transform="translate(198.15 27.868)"
fill="#1e92d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.412.624-12.772 9.626-12.84 13.386-.01.505-.118.996-.291 1.462C-28.016.491-48.238-8.367-70.504-8.367c-45.608 0-82.715 37.105-82.715 82.716 0 35.664 22.689 66.128 54.39 77.718-.441.43-.963.781-1.549 1.015-9.081 3.637-9.445 10.659-8.539 15.228a4.78 4.78 0 0 1-.673 3.523c-38.613-15.538-65.944-53.377-65.944-97.484 0-22.868 7.35-44.047 19.806-61.313C-121.13-9.149-80.586-22.866-37.019-25.208-22.021-20.151-8.543-11.78 2.577-.991A4.534 4.534 0 0 1 0 0"
transform="translate(268.653 36.235)"
fill="#167cc1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-15.815-12.821-28.637-28.638-28.637-15.815 0-28.636 12.822-28.636 28.637 0 15.816 12.821 28.638 28.636 28.638C-12.821 28.638 0 15.816 0 0"
transform="translate(226.788 110.584)"
fill="#e80054"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.177 0-20.269-9.093-20.269-20.27 0-11.175 9.092-20.268 20.269-20.268 11.177 0 20.27 9.093 20.27 20.268C20.27-9.093 11.177 0 0 0m0-57.274c-20.404 0-37.005 16.6-37.005 37.004C-37.005.135-20.404 16.736 0 16.736c20.405 0 37.005-16.601 37.005-37.006 0-20.404-16.6-37.004-37.005-37.004"
transform="translate(198.15 130.853)"
fill="#ff7186"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.588-5.482-23.207-18.799-23.207-34.327 0-20.404 16.601-37.005 37.005-37.005 10.194 0 19.439 4.145 26.139 10.836a4.358 4.358 0 0 1-1.465.316c-9.581.261-10.118 7.512-9.893 10.684.03.422-.009.839-.089 1.247-3.696-3.898-8.908-6.347-14.692-6.347-11.177 0-20.269 9.093-20.269 20.269 0 8.765 5.603 16.226 13.406 19.048a5.07 5.07 0 0 1-1.165.555C-3.35-11.843-1.517-4.295-.268-1.11-.127-.751-.049-.377 0 0"
transform="translate(184.353 144.911)"
fill="#ff4155"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.362 8.362 0 0 0-7.254 4.185l-78.267 135.56a8.369 8.369 0 0 0 14.494 8.368L7.239 12.553A8.366 8.366 0 0 0 0 0"
transform="translate(451.69 317.84)"
fill="#73c3f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-23.396-17.697-52.832-39.728-72.847-54.675-12.702-9.486-17.993-26.033-13.004-41.082 6.498-19.597 12.849-48.977 7.253-79.662-4.629-25.383 5.057-35.143 16.587-38.375C3.388-169.806 46.42-95.129 46.42-10.387c0 2.657-.057 5.299-.141 7.936C34.319 7.874 18.266 13.816 0 0"
transform="translate(443.577 266.046)"
fill="#7255ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category