Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Push icon
A free push icon from Ionicons 5, 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
- ionicons.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/ionicons-5/push.jsonimport * as React from "react";
/**
* Push from Ionicons 5 (https://ionicons.com/), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/ionicons-5/push. Sized in em, colored by currentColor.
*/
export function IoPushIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 512 512"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M376 352H272V198.63l52.69 52.68a16 16 0 0 0 22.62-22.62l-80-80a16 16 0 0 0-22.62 0l-80 80a16 16 0 0 0 22.62 22.62L240 198.63V352H136a56.06 56.06 0 0 1-56-56V88a56.06 56.06 0 0 1 56-56h240a56.06 56.06 0 0 1 56 56v208a56.06 56.06 0 0 1-56 56M272 464a16 16 0 0 1-32 0V352h32z"
/>
</svg>
);
}import { IoPush } from "react-icons/io5";
export function Example() {
return <IoPush className="size-5" />;
}<svg
viewBox="0 0 512 512"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M376 352H272V198.63l52.69 52.68a16 16 0 0 0 22.62-22.62l-80-80a16 16 0 0 0-22.62 0l-80 80a16 16 0 0 0 22.62 22.62L240 198.63V352H136a56.06 56.06 0 0 1-56-56V88a56.06 56.06 0 0 1 56-56h240a56.06 56.06 0 0 1 56 56v208a56.06 56.06 0 0 1-56 56M272 464a16 16 0 0 1-32 0V352h32z"
/>
</svg>"Push" icon from Ionicons 5 (https://ionicons.com/), licensed under MIT license.Related icons:
Push icon in other sets
Similar Ionicons 5 icons
- pricetags
- pricetags outline
- pricetags sharp
- print outline
- print sharp
- prism
- prism outline
- prism sharp
- pulse
- pulse outline
- pulse sharp
- push outline
- push sharp
- qr code
- qr code outline
- qr code sharp
- radio
- radio button off
- radio button off outline
- radio button off sharp
- radio button on
- radio button on outline
- radio button on sharp