circus icon
circus from IconPark Solid by ByteDance · Solid · Build · Apache-2.0 Free for personal and commercial use.
- Name
- circus
- Set
- IconPark Solid
- Style
- Solid
- Category
- Build
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More build icons from IconPark Solid
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="currentColor" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M9 26s-.076.787-1 5c-.98 4.465-4 13-4 13h40s-3.02-8.535-4-13c-.924-4.213-1-5-1-5"/><path stroke-linejoin="round" d="M20 28c1 9-4 16-4 16m12-16c-1 9 4 16 4 16"/><path fill="currentColor" stroke-linejoin="round" d="M6 18s7.592-.055 11-1c2.866-.795 7-3 7-3s3.823 2.194 6.5 3c3.572 1.075 11.5 1 11.5 1l-1 7s-4 2-5 2s-3-2-4-2s-3.5 3-4 3s-3-3-4-3s-3 3.5-4 3.5s-3-3.5-4-3.5c-.198 0-.474.078-.79.204c-2.142.852-4.489 1.284-6.629.428L7 25z"/><path d="M24 5v10"/><path stroke-linejoin="round" d="M36 11V5s-1.5 3-6 0s-6 0-6 0v6s1.5-3 6 0s6 0 6 0"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkSolidCircus(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="currentColor" strokeLinecap="round" strokeWidth="4"><path strokeLinejoin="round" d="M9 26s-.076.787-1 5c-.98 4.465-4 13-4 13h40s-3.02-8.535-4-13c-.924-4.213-1-5-1-5"/><path strokeLinejoin="round" d="M20 28c1 9-4 16-4 16m12-16c-1 9 4 16 4 16"/><path fill="currentColor" strokeLinejoin="round" d="M6 18s7.592-.055 11-1c2.866-.795 7-3 7-3s3.823 2.194 6.5 3c3.572 1.075 11.5 1 11.5 1l-1 7s-4 2-5 2s-3-2-4-2s-3.5 3-4 3s-3-3-4-3s-3 3.5-4 3.5s-3-3.5-4-3.5c-.198 0-.474.078-.79.204c-2.142.852-4.489 1.284-6.629.428L7 25z"/><path d="M24 5v10"/><path strokeLinejoin="round" d="M36 11V5s-1.5 3-6 0s-6 0-6 0v6s1.5-3 6 0s6 0 6 0"/></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="currentColor" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M9 26s-.076.787-1 5c-.98 4.465-4 13-4 13h40s-3.02-8.535-4-13c-.924-4.213-1-5-1-5"/><path stroke-linejoin="round" d="M20 28c1 9-4 16-4 16m12-16c-1 9 4 16 4 16"/><path fill="currentColor" stroke-linejoin="round" d="M6 18s7.592-.055 11-1c2.866-.795 7-3 7-3s3.823 2.194 6.5 3c3.572 1.075 11.5 1 11.5 1l-1 7s-4 2-5 2s-3-2-4-2s-3.5 3-4 3s-3-3-4-3s-3 3.5-4 3.5s-3-3.5-4-3.5c-.198 0-.474.078-.79.204c-2.142.852-4.489 1.284-6.629.428L7 25z"/><path d="M24 5v10"/><path stroke-linejoin="round" d="M36 11V5s-1.5 3-6 0s-6 0-6 0v6s1.5-3 6 0s6 0 6 0"/></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%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2026s-.076.787-1%205c-.98%204.465-4%2013-4%2013h40s-3.02-8.535-4-13c-.924-4.213-1-5-1-5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M20%2028c1%209-4%2016-4%2016m12-16c-1%209%204%2016%204%2016%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2018s7.592-.055%2011-1c2.866-.795%207-3%207-3s3.823%202.194%206.5%203c3.572%201.075%2011.5%201%2011.5%201l-1%207s-4%202-5%202s-3-2-4-2s-3.5%203-4%203s-3-3-4-3s-3%203.5-4%203.5s-3-3.5-4-3.5c-.198%200-.474.078-.79.204c-2.142.852-4.489%201.284-6.629.428L7%2025z%22%2F%3E%3Cpath%20d%3D%22M24%205v10%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M36%2011V5s-1.5%203-6%200s-6%200-6%200v6s1.5-3%206%200s6%200%206%200%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%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2026s-.076.787-1%205c-.98%204.465-4%2013-4%2013h40s-3.02-8.535-4-13c-.924-4.213-1-5-1-5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M20%2028c1%209-4%2016-4%2016m12-16c-1%209%204%2016%204%2016%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2018s7.592-.055%2011-1c2.866-.795%207-3%207-3s3.823%202.194%206.5%203c3.572%201.075%2011.5%201%2011.5%201l-1%207s-4%202-5%202s-3-2-4-2s-3.5%203-4%203s-3-3-4-3s-3%203.5-4%203.5s-3-3.5-4-3.5c-.198%200-.474.078-.79.204c-2.142.852-4.489%201.284-6.629.428L7%2025z%22%2F%3E%3Cpath%20d%3D%22M24%205v10%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M36%2011V5s-1.5%203-6%200s-6%200-6%200v6s1.5-3%206%200s6%200%206%200%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-solid/circus.svg?color=%231a73e8&size=48
