Confrontation
The confrontation icon represents a concept of conflict, opposition, or challenge.
Exports at 24 × 24 px
Code
Confrontation in your framework
In any framework. Customize it above, and the code follows.
export const ConfrontationIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="currentColor" d="M18 18v29.75l36.09 31.578c13.506-3.722 27.044-6.596 40.193-8.146L47.75 18zm89.25 0l34.172 54.676c19.488 4.303 38.114 12.753 55.457 25.668L166.75 18zm120.656 0l28.092 129.424S278.068 45.746 284.092 18zm117.344 0l-30.13 80.344c17.344-12.915 35.97-21.365 55.458-25.668L404.75 18zm119 0l-46.533 53.182c13.15 1.55 26.687 4.424 40.193 8.146L494 47.75V18zM118.736 88.04a127 127 0 0 0-4.525.003c-28.57.524-63.666 10.44-96.21 22.7v143.114c2.86-7.516 7.632-14.432 13.44-20.22c7.7-7.675 17.647-13.693 28.706-14.117a33 33 0 0 1 4.805.171c7.908.875 13.682 5.74 18.136 10.994c4.454 5.252 7.902 11.385 10.74 17.312c5.676 11.853 8.844 23.21 8.844 23.21l-17.326 4.878s-2.89-10.16-7.754-20.315c-2.432-5.078-5.373-10.072-8.233-13.444s-5.325-4.627-6.382-4.744c-5.24-.58-12.662 2.66-18.83 8.805c-6.165 6.145-10.49 14.778-10.98 20.923c-1.776 22.332 7.533 36.257 18.413 45.745c5.44 4.743 11.306 8.183 16.06 10.357c2.375 1.087 4.48 1.858 6.012 2.32c1.534.462 2.868.52 1.875.512l-.146 18c-2.76-.022-4.48-.542-6.92-1.277c-2.44-.736-5.233-1.78-8.308-3.186a85 85 0 0 1-20.402-13.16c-8.955-7.808-17.41-18.972-21.75-33.386V427.39c24.102 26.71 51.126 51.064 81.078 61.965c12.463 4.536 28.87 3.676 40.942-2.03c.215-.717.515-2.225.86-4.427c.74-4.75 2.008-13.206 9.718-18.332c6.447-4.286 12.678-4.82 15.756-5.78c-3.493-7.43-10.868-26.54-6.184-48.735c3.417-16.19 15.896-29.056 30.18-35.605c7.14-3.274 14.995-4.98 22.87-3.648c3.937.667 7.822 2.23 11.307 4.615c3.25-4.3 6.502-8.302 8.506-11.1l3.62-5.054l4.005 1.594c4.42 1.172 6.194 1.58 6.215 1.703c.18-.15.412-.382.828-.793c.182-.354 2.685-9.4.513-20.692c-2.187-11.373-5.665-25.125-15.215-37.41c-5.235.462-10.274.937-14.357 1.643c-5.597.966-9.288 2.814-9.607 3.125l-12.566-12.887c3.454-3.367 7.37-5.176 11.527-6.354c-5.143-1.766-10.087-2.734-15.598-2.49l-.792-17.983c15.547-.686 27.433 5.062 39.65 10.902c-7.522-7.768-13.75-15.06-19.606-20.476c-7.838-7.25-14.08-10.976-23.085-10.95c-1.806.007-4.95 2.097-9.334 6.88c-4.386 4.784-8.75 11.637-17.673 14.957l-6.278-16.87c1.232-.46 5.672-4.788 10.68-10.25c5.006-5.463 11.842-12.683 22.548-12.716c14.558-.043 26.002 7.077 35.36 15.732c5.22 4.825 10.085 10.18 15.134 15.62c5.293-23.545 9.614-46.54 8.076-69.415c-31.038-64.935-71.1-95.532-115.53-103.06c-4.063-.613-8.346-.945-12.812-1.026zm274.528 0c-4.466.082-8.75.414-12.813 1.026c-44.428 7.53-84.49 38.126-115.528 103.06c-1.538 22.876 2.783 45.87 8.076 69.417c5.05-5.44 9.915-10.796 15.133-15.62c9.36-8.656 20.804-15.776 35.362-15.732c10.706.034 17.542 7.254 22.55 12.716c5.006 5.463 9.446 9.79 10.68 10.25l-6.28 16.87c-8.92-3.32-13.286-10.172-17.67-14.956s-7.53-6.873-9.334-6.88c-9.006-.026-15.248 3.7-23.086 10.95c-5.856 5.414-12.084 12.707-19.606 20.475c12.217-5.84 24.103-11.588 39.65-10.902l-.792 17.982c-5.51-.243-10.455.725-15.598 2.49c4.157 1.18 8.073 2.988 11.527 6.356l-12.566 12.888c-.32-.31-4.01-2.158-9.608-3.125c-4.084-.705-9.123-1.18-14.358-1.643c-9.55 12.285-13.028 26.037-15.215 37.41c-2.172 11.293.33 20.338.512 20.692c.415.41.646.642.827.793c.02-.122 1.794-.53 6.215-1.703l4.006-1.594l3.62 5.053c2.003 2.8 5.255 6.802 8.505 11.102c3.485-2.384 7.37-3.948 11.308-4.615c7.875-1.333 15.73.374 22.87 3.648c14.284 6.55 26.763 19.415 30.18 35.606c4.684 22.195-2.69 41.306-6.184 48.735c3.078.96 9.31 1.495 15.756 5.78c7.71 5.127 8.978 13.582 9.72 18.333c.343 2.202.643 3.71.858 4.428c12.073 5.705 28.48 6.565 40.942 2.03c29.952-10.902 56.976-35.257 81.078-61.965v-134.16c-4.34 14.414-12.795 25.578-21.75 33.387a85.1 85.1 0 0 1-20.402 13.16c-3.075 1.407-5.867 2.45-8.307 3.187c-2.44.735-4.16 1.255-6.92 1.277l-.145-18c-.993.008.34-.05 1.875-.512c1.533-.462 3.637-1.233 6.013-2.32c4.753-2.174 10.62-5.613 16.06-10.357c10.88-9.488 20.188-23.413 18.41-45.744c-.488-6.145-4.813-14.778-10.98-20.923c-6.166-6.146-13.59-9.384-18.828-8.805c-1.057.117-3.523 1.372-6.382 4.744c-2.86 3.372-5.8 8.366-8.233 13.444c-4.863 10.155-7.754 20.314-7.754 20.314l-17.326-4.88s3.168-11.355 8.844-23.208c2.838-5.927 6.286-12.06 10.74-17.312s10.228-10.12 18.135-10.993a33 33 0 0 1 4.804-.17c11.06.424 21.006 6.443 28.707 14.117c5.808 5.788 10.58 12.705 13.44 20.22V110.743c-32.544-12.26-67.64-22.175-96.21-22.7q-2.294-.041-4.526 0zM207.568 388.366c-2.844.06-6.23.844-9.716 2.442q-.915.422-1.823.914l15.636 9.07s2.62-4.082 5.238-8.237c-1.925-2.575-3.95-3.546-6.69-4.01a14 14 0 0 0-2.646-.178zm96.864 0c-.948-.02-1.836.04-2.647.178c-2.738.464-4.764 1.435-6.69 4.01c2.62 4.155 5.24 8.238 5.24 8.238l15.636-9.07a31 31 0 0 0-1.822-.913c-3.485-1.598-6.872-2.382-9.716-2.442zM176.795 427.13c.727 14.314 6.52 25.452 6.945 26.253c4.71-1.988 8.2-3.552 8.26-3.867c.104-.54-7.425-11.492-15.205-22.387zm158.41 0c-7.78 10.894-15.31 21.847-15.205 22.386c.06.315 3.55 1.88 8.26 3.867c.425-.8 6.218-11.94 6.945-26.254zM18 454.503V494h49.19C49.272 483.442 32.927 469.57 18 454.504zm476 0c-14.928 15.066-31.273 28.938-49.19 39.496H494z"/>
</svg>
);Game Icons
More like it
Icons that share its tags, in the same style.
Search Game Icons
Skip the copy and paste. With Pro, your AI agent finds and installs any Game Icons icon from a prompt.
Get ProTags
Browse by tag
Confrontation is tagged competition, challenge, conflict and 1 more. Related tags follow; each opens its icons from every library.
Pricing
Game Icons MCP, with Pro
Ask for Confrontation or any of 4,123 Game Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Confrontation icon means and where it's used, then how to install, style, label and license it.
The confrontation icon represents a concept of conflict, opposition, or challenge. It symbolizes a state of tension, competition, or aggression.
In real-world applications, confrontation icons are often used in software and platforms related to conflict resolution, negotiation, or competitive analysis. Examples include conflict management tools, negotiation software, and competitive intelligence apps.
From a UX perspective, the confrontation icon communicates the idea of conflict, challenge, or opposition. It helps users understand that a system or component is related to conflict resolution or competitive analysis.
Confrontation is one of 4,123 icons in Game Icons, made by GameIcons and released under CC BY 3.0. It is drawn on a 512 × 512 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds ConfrontationIcon to components/icons/game-icons-confrontation.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed ConfrontationIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Confrontation icon, or any of 4,123 Game Icons icons, and install it from a prompt.
It's drawn in currentColor, so it takes the text color wherever you use it: a class like text-primary recolors it. To bake a color in, set one in Customize before you copy.
Set width and height on the component, or a class like size-6. It's drawn on a 512 × 512 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It follows the text color, so with text-foreground (or any theme token) it changes with your light and dark themes. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Confrontation", so screen readers say what it does.
Yes. ConfrontationIcon passes every SVG prop to the svg element, so <ConfrontationIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes, with credit: CC BY 3.0 asks you to credit the author (GameIcons) where you use the icons. The full terms are in the license, linked on this page.
Yes. CC BY 3.0 asks you to credit the author where you use the icons, for example "Icons by GameIcons, CC BY 3.0" on an about or credits page.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
Its tags are competition, challenge, conflict and aggression. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Confrontation in another set.
4.9 out of 5 from 150+ developers
Install Confrontation from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro