circus icon
circus from IconPark by ByteDance · Color · Build · Apache-2.0 Free for personal and commercial use.
- Name
- circus
- Set
- IconPark
- Style
- Color
- Category
- Build
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More build icons from IconPark
Use the circus icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M9 26C9 26 8.92429 26.7867 8 31C7.02053 35.4648 4 44 4 44H44C44 44 40.9795 35.4648 40 31C39.0757 26.7867 39 26 39 26"/><path stroke-linejoin="round" d="M20 28C21 37 16 44 16 44"/><path stroke-linejoin="round" d="M28 28C27 37 32 44 32 44"/><path fill="#2F88FF" stroke-linejoin="round" d="M6 18C6 18 13.5923 17.9452 17 17C19.8659 16.2051 24 14 24 14C24 14 27.8229 16.1944 30.5 17C34.0722 18.075 42 18 42 18L41 25C41 25 37 27 36 27C35 27 33 25 32 25C31 25 28.5 28 28 28C27.5 28 25 25 24 25C23 25 21 28.5 20 28.5C19 28.5 17 25 16 25C15.802 25 15.5257 25.0784 15.2098 25.2041C13.0681 26.0564 10.7214 26.4885 8.58115 25.6325L7 25L6 18Z"/><path d="M24 5V15"/><path stroke-linejoin="round" d="M36 10.9998V4.99984C36 4.99984 34.5 7.99984 30 4.99984C25.5 1.99984 24 4.99984 24 4.99984V10.9998C24 10.9998 25.5 7.99984 30 10.9998C34.5 13.9998 36 10.9998 36 10.9998Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkCircus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeWidth="4"><path strokeLinejoin="round" d="M9 26C9 26 8.92429 26.7867 8 31C7.02053 35.4648 4 44 4 44H44C44 44 40.9795 35.4648 40 31C39.0757 26.7867 39 26 39 26"/><path strokeLinejoin="round" d="M20 28C21 37 16 44 16 44"/><path strokeLinejoin="round" d="M28 28C27 37 32 44 32 44"/><path fill="#2F88FF" strokeLinejoin="round" d="M6 18C6 18 13.5923 17.9452 17 17C19.8659 16.2051 24 14 24 14C24 14 27.8229 16.1944 30.5 17C34.0722 18.075 42 18 42 18L41 25C41 25 37 27 36 27C35 27 33 25 32 25C31 25 28.5 28 28 28C27.5 28 25 25 24 25C23 25 21 28.5 20 28.5C19 28.5 17 25 16 25C15.802 25 15.5257 25.0784 15.2098 25.2041C13.0681 26.0564 10.7214 26.4885 8.58115 25.6325L7 25L6 18Z"/><path d="M24 5V15"/><path strokeLinejoin="round" d="M36 10.9998V4.99984C36 4.99984 34.5 7.99984 30 4.99984C25.5 1.99984 24 4.99984 24 4.99984V10.9998C24 10.9998 25.5 7.99984 30 10.9998C34.5 13.9998 36 10.9998 36 10.9998Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M9 26C9 26 8.92429 26.7867 8 31C7.02053 35.4648 4 44 4 44H44C44 44 40.9795 35.4648 40 31C39.0757 26.7867 39 26 39 26"/><path stroke-linejoin="round" d="M20 28C21 37 16 44 16 44"/><path stroke-linejoin="round" d="M28 28C27 37 32 44 32 44"/><path fill="#2F88FF" stroke-linejoin="round" d="M6 18C6 18 13.5923 17.9452 17 17C19.8659 16.2051 24 14 24 14C24 14 27.8229 16.1944 30.5 17C34.0722 18.075 42 18 42 18L41 25C41 25 37 27 36 27C35 27 33 25 32 25C31 25 28.5 28 28 28C27.5 28 25 25 24 25C23 25 21 28.5 20 28.5C19 28.5 17 25 16 25C15.802 25 15.5257 25.0784 15.2098 25.2041C13.0681 26.0564 10.7214 26.4885 8.58115 25.6325L7 25L6 18Z"/><path d="M24 5V15"/><path stroke-linejoin="round" d="M36 10.9998V4.99984C36 4.99984 34.5 7.99984 30 4.99984C25.5 1.99984 24 4.99984 24 4.99984V10.9998C24 10.9998 25.5 7.99984 30 10.9998C34.5 13.9998 36 10.9998 36 10.9998Z"/></g></svg> </template>
CSS
.icon-circus {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2026C9%2026%208.92429%2026.7867%208%2031C7.02053%2035.4648%204%2044%204%2044H44C44%2044%2040.9795%2035.4648%2040%2031C39.0757%2026.7867%2039%2026%2039%2026%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M20%2028C21%2037%2016%2044%2016%2044%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M28%2028C27%2037%2032%2044%2032%2044%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2018C6%2018%2013.5923%2017.9452%2017%2017C19.8659%2016.2051%2024%2014%2024%2014C24%2014%2027.8229%2016.1944%2030.5%2017C34.0722%2018.075%2042%2018%2042%2018L41%2025C41%2025%2037%2027%2036%2027C35%2027%2033%2025%2032%2025C31%2025%2028.5%2028%2028%2028C27.5%2028%2025%2025%2024%2025C23%2025%2021%2028.5%2020%2028.5C19%2028.5%2017%2025%2016%2025C15.802%2025%2015.5257%2025.0784%2015.2098%2025.2041C13.0681%2026.0564%2010.7214%2026.4885%208.58115%2025.6325L7%2025L6%2018Z%22%2F%3E%3Cpath%20d%3D%22M24%205V15%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M36%2010.9998V4.99984C36%204.99984%2034.5%207.99984%2030%204.99984C25.5%201.99984%2024%204.99984%2024%204.99984V10.9998C24%2010.9998%2025.5%207.99984%2030%2010.9998C34.5%2013.9998%2036%2010.9998%2036%2010.9998Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2026C9%2026%208.92429%2026.7867%208%2031C7.02053%2035.4648%204%2044%204%2044H44C44%2044%2040.9795%2035.4648%2040%2031C39.0757%2026.7867%2039%2026%2039%2026%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M20%2028C21%2037%2016%2044%2016%2044%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M28%2028C27%2037%2032%2044%2032%2044%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2018C6%2018%2013.5923%2017.9452%2017%2017C19.8659%2016.2051%2024%2014%2024%2014C24%2014%2027.8229%2016.1944%2030.5%2017C34.0722%2018.075%2042%2018%2042%2018L41%2025C41%2025%2037%2027%2036%2027C35%2027%2033%2025%2032%2025C31%2025%2028.5%2028%2028%2028C27.5%2028%2025%2025%2024%2025C23%2025%2021%2028.5%2020%2028.5C19%2028.5%2017%2025%2016%2025C15.802%2025%2015.5257%2025.0784%2015.2098%2025.2041C13.0681%2026.0564%2010.7214%2026.4885%208.58115%2025.6325L7%2025L6%2018Z%22%2F%3E%3Cpath%20d%3D%22M24%205V15%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M36%2010.9998V4.99984C36%204.99984%2034.5%207.99984%2030%204.99984C25.5%201.99984%2024%204.99984%2024%204.99984V10.9998C24%2010.9998%2025.5%207.99984%2030%2010.9998C34.5%2013.9998%2036%2010.9998%2036%2010.9998Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/circus.svg?color=%231a73e8&size=48
