Hover the icon or press Play. Suggested motion: wiggle. Pick another to preview it and update the animated code:
Cloudnativebuild icon
A free cloudnativebuild icon from Simple 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
- CC0 1.0 Universal license
- Project
- simpleicons.org
npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/cloudnativebuild.jsonimport * as React from "react";
/**
* Cloudnativebuild from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
* Via Cuelark UI: ui.cuelark.com/icons/simple-icons/cloudnativebuild. Sized in em, colored by currentColor.
*/
export function SiCloudnativebuildIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
role="img"
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="M12.1536.0002c-1.9776.0136-3.2463.5813-3.929 1.015-.3365.2136-.3544.6973-.0396.942l6.3553 4.9409c.5601.435 1.3806.187 1.6094-.4847l1.3594-3.993a.5756.5756 0 0 0-.1646-.6187c-.587-.5182-2.0702-1.6096-4.2978-1.771a11.3315 11.3315 0 0 0-.893-.0305zM4.2072 3.5147c-.7541.4104-2.6862 1.6729-3.682 4.2704-.7687 2.0019-.498 4.2179-.2866 5.3006.0695.354.4445.5577.7803.4267l12.2229-4.7733c.8728-.3409.8775-1.575.006-1.9203l-8.428-3.3407c-.2033-.0803-.4173-.0697-.6126.0366zm15.5544.6553L16.677 6.9072c-.5036.4466-.4505 1.2461.1067 1.6247l6.1693 4.185c.3532.2396.8347.0264.8961-.3963.1622-1.1189.3034-3.0663-.3444-4.5355-.8635-1.9578-2.3283-3.164-3.0237-3.6547-.2207-.1553-.5235-.1337-.7194.0396zm-5.898 5.0812c-.207-.0112-.4255.0438-.628.1798L1.842 17.0818c-.2598.1743-.3766.4967-.2926.7986.2417.8685.9615 2.6747 3.0054 4.3191 2.0439 1.6443 4.4622 1.8237 5.4957 1.7984a.721.721 0 0 0 .6706-.506l4.0753-12.8934c.2204-.698-.3115-1.3136-.9327-1.3473Zm2.6122.1341c-.491.01-.9644.3642-1.015.9419L14.333 23.1597c-.0319.364.2768.6669.64.6279 1.169-.1253 3.5685-.5916 5.3678-2.3105 1.7515-1.6727 2.3215-3.6567 2.4872-4.4471a.7272.7272 0 0 0-.1463-.6066l-5.392-6.657c-.2191-.2704-.5194-.3868-.8139-.381z"
/>
</svg>
);
}import { SiCloudnativebuild } from "react-icons/si";
export function Example() {
return <SiCloudnativebuild className="size-5" />;
}<svg
role="img"
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="M12.1536.0002c-1.9776.0136-3.2463.5813-3.929 1.015-.3365.2136-.3544.6973-.0396.942l6.3553 4.9409c.5601.435 1.3806.187 1.6094-.4847l1.3594-3.993a.5756.5756 0 0 0-.1646-.6187c-.587-.5182-2.0702-1.6096-4.2978-1.771a11.3315 11.3315 0 0 0-.893-.0305zM4.2072 3.5147c-.7541.4104-2.6862 1.6729-3.682 4.2704-.7687 2.0019-.498 4.2179-.2866 5.3006.0695.354.4445.5577.7803.4267l12.2229-4.7733c.8728-.3409.8775-1.575.006-1.9203l-8.428-3.3407c-.2033-.0803-.4173-.0697-.6126.0366zm15.5544.6553L16.677 6.9072c-.5036.4466-.4505 1.2461.1067 1.6247l6.1693 4.185c.3532.2396.8347.0264.8961-.3963.1622-1.1189.3034-3.0663-.3444-4.5355-.8635-1.9578-2.3283-3.164-3.0237-3.6547-.2207-.1553-.5235-.1337-.7194.0396zm-5.898 5.0812c-.207-.0112-.4255.0438-.628.1798L1.842 17.0818c-.2598.1743-.3766.4967-.2926.7986.2417.8685.9615 2.6747 3.0054 4.3191 2.0439 1.6443 4.4622 1.8237 5.4957 1.7984a.721.721 0 0 0 .6706-.506l4.0753-12.8934c.2204-.698-.3115-1.3136-.9327-1.3473Zm2.6122.1341c-.491.01-.9644.3642-1.015.9419L14.333 23.1597c-.0319.364.2768.6669.64.6279 1.169-.1253 3.5685-.5916 5.3678-2.3105 1.7515-1.6727 2.3215-3.6567 2.4872-4.4471a.7272.7272 0 0 0-.1463-.6066l-5.392-6.657c-.2191-.2704-.5194-.3868-.8139-.381z"
/>
</svg>"Cloudnativebuild" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.