Hover the icon or press Play. Suggested motion: float. Pick another to preview it and update the animated code:
Cloud Minus icon
A free cloud minus icon from Bootstrap Icons, 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.
- License
- MIT license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/bootstrap/cloud-minus.jsonimport * as React from "react";
/**
* Cloud Minus from Bootstrap Icons (https://github.com/twbs/icons), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/bootstrap/cloud-minus. Sized in em, colored by currentColor.
*/
export function BsCloudMinusIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383m.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"
/>
<path d="M6 7.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1z" />
</svg>
);
}import { BsCloudMinus } from "react-icons/bs";
export function Example() {
return <BsCloudMinus className="size-5" />;
}<svg
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383m.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"
/>
<path d="M6 7.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1z" />
</svg>"Cloud Minus" icon from Bootstrap Icons (https://github.com/twbs/icons), licensed under MIT license.Related icons: storage, weather, sync, upload
- calendar2 minus
- calendar2 minus fill
- calendar minus
- calendar minus fill
- clipboard2 minus
- clipboard2 minus fill
- clipboard minus
- clipboard minus fill
- cloud
- cloud arrow down
- cloud arrow down fill
- cloud arrow up
- cloud arrow up fill
- cloud check
- cloud check fill
- cloud download
- cloud download fill
- cloud drizzle
- cloud drizzle fill
- cloud fill
- cloud fog
- cloud fog2
- cloud fog2 fill
- cloud fog fill
Cloud Minus icon in other sets
Similar Bootstrap Icons icons
- cloud fog2 fill
- cloud fog fill
- cloud hail
- cloud hail fill
- cloud haze
- cloud haze2
- cloud haze2 fill
- cloud haze fill
- cloud lightning
- cloud lightning fill
- cloud lightning rain
- cloud lightning rain fill
- cloud minus fill
- cloud moon
- cloud moon fill
- cloud plus
- cloud plus fill
- cloud rain
- cloud rain fill
- cloud rain heavy
- cloud rain heavy fill
- cloud slash
- cloud slash fill
- cloud sleet