Hover the icon or press Play. Suggested motion: shake. Pick another to preview it and update the animated code:
Shield Minus icon
A free shield minus icon from BoxIcons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.
Also known assecurity iconprotection iconsafe iconguard iconprivacy iconantivirus iconsubtract iconremove icon
- License
- MIT license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/boxicons/shield-minus.jsonimport * as React from "react";
/**
* Shield Minus from BoxIcons (https://github.com/atisawd/boxicons), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/boxicons/shield-minus. Sized in em, colored by currentColor.
*/
export function BiShieldMinusIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 24 24"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="m20.41 6.11-8-4a.94.94 0 0 0-.89 0l-8 4A1 1 0 0 0 3 6.9c0 .11-1 10.77 8.59 15a1 1 0 0 0 .41.1.93.93 0 0 0 .4-.09C21.92 17.67 21 7 21 6.9a1 1 0 0 0-.59-.79zM12 19.9C5.2 16.63 4.88 9.64 4.93 7.63l7-3.51 7 3.51c.13 2.01-.19 9-6.93 12.27z"
/>
<path d="M8 11h8v2H8z" />
</svg>
);
}import { BiShieldMinus } from "react-icons/bi";
export function Example() {
return <BiShieldMinus className="size-5" />;
}<svg
viewBox="0 0 24 24"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m20.41 6.11-8-4a.94.94 0 0 0-.89 0l-8 4A1 1 0 0 0 3 6.9c0 .11-1 10.77 8.59 15a1 1 0 0 0 .41.1.93.93 0 0 0 .4-.09C21.92 17.67 21 7 21 6.9a1 1 0 0 0-.59-.79zM12 19.9C5.2 16.63 4.88 9.64 4.93 7.63l7-3.51 7 3.51c.13 2.01-.19 9-6.93 12.27z"
/>
<path d="M8 11h8v2H8z" />
</svg>"Shield Minus" icon from BoxIcons (https://github.com/atisawd/boxicons), licensed under MIT license.