Double Tap Swipe Up icon
Used to represent user action on touchscreens. The Double Tap Swipe Up icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Double Tap Swipe Up icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { DoubleTapSwipeUp24Regular, DoubleTapSwipeUp24Filled } from "@fluentui/react-icons";
export function Example() {
return <DoubleTapSwipeUp24Regular aria-label="Double Tap Swipe Up" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_double_tap_swipe_up_24_regular.svg" width="24" height="24" alt="Double Tap Swipe Up"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5303 2.21967C12.2374 1.92678 11.7626 1.92678 11.4697 2.21967L7.96967 5.71967C7.67678 6.01256 7.67678 6.48744 7.96967 6.78033C8.26256 7.07322 8.73744 7.07322 9.03033 6.78033L11.25 4.56066V15.25C11.25 15.6642 11.5858 16 12 16C12.4142 16 12.75 15.6642 12.75 15.25V4.56066L14.9697 6.78033C15.2626 7.07322 15.7374 7.07322 16.0303 6.78033C16.3232 6.48744 16.3232 6.01256 16.0303 5.71967L12.5303 2.21967ZM5 14.9999C5 11.7382 7.23085 8.99752 10.25 8.22045V9.78418C8.0704 10.5152 6.5 12.5742 6.5 14.9999C6.5 18.0375 8.96243 20.4999 12 20.4999C15.0376 20.4999 17.5 18.0375 17.5 14.9999C17.5 12.5742 15.9296 10.5152 13.75 9.78418V8.22045C16.7691 8.99752 19 11.7382 19 14.9999C19 18.8659 15.866 21.9999 12 21.9999C8.13401 21.9999 5 18.8659 5 14.9999ZM7.5 14.9999C7.5 13.1353 8.63403 11.5356 10.25 10.8529V12.5629C9.49297 13.1075 9 13.9962 9 14.9999C9 16.6568 10.3431 17.9999 12 17.9999C13.6569 17.9999 15 16.6568 15 14.9999C15 13.9962 14.507 13.1075 13.75 12.5629V10.8529C15.366 11.5356 16.5 13.1353 16.5 14.9999C16.5 17.4852 14.4853 19.4999 12 19.4999C9.51472 19.4999 7.5 17.4852 7.5 14.9999Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/double_tap_swipe_up_24_regular.svg";Details
| Name | Double Tap Swipe Up |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_double_tap_swipe_up_24_regular.svg |
| Filled file | ic_fluent_double_tap_swipe_up_24_filled.svg |
| React components | DoubleTapSwipeUp24Regular, DoubleTapSwipeUp24Filled |
| License | MIT (© Microsoft Corporation) |