Slowmo icon
f7:slowmo
The Slowmo icon (f7:slowmo) is a free SVG icon from the Framework7 Icons set by Vladimir Kharlampidi. It is drawn on a 56 × 56 grid. Framework7 Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Framework7 Icons
- Author
- Vladimir Kharlampidi
- License
- MIT
- Size
- 56 × 56
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M27.988 1.574c-.937 0-1.664.75-1.664 1.688v8.32c0 .938.727 1.688 1.664 1.688c.961 0 1.688-.75 1.688-1.688v-8.32c0-.938-.727-1.688-1.688-1.688M14.793 5.09c-.844.492-1.078 1.5-.633 2.32l4.172 7.219c.492.82 1.476 1.101 2.297.61a1.64 1.64 0 0 0 .61-2.274l-4.15-7.242c-.491-.797-1.476-1.078-2.296-.633m26.437.023c-.843-.469-1.828-.187-2.32.61l-4.172 7.242a1.677 1.677 0 0 0 .633 2.297c.82.445 1.805.187 2.297-.633l4.148-7.219c.47-.82.235-1.828-.586-2.297M5.113 14.77c-.469.843-.187 1.828.61 2.32l7.218 4.172c.82.445 1.829.21 2.297-.61c.469-.843.211-1.828-.61-2.32L7.41 14.16c-.82-.445-1.828-.21-2.297.61m45.797.023c-.492-.844-1.5-1.078-2.32-.633l-7.219 4.172c-.82.492-1.102 1.477-.61 2.32c.47.797 1.454 1.055 2.274.61l7.219-4.172c.82-.492 1.101-1.477.656-2.297m3.516 13.195c0-.937-.75-1.664-1.688-1.664h-8.344c-.937 0-1.664.727-1.664 1.664c0 .961.727 1.688 1.664 1.688h8.344c.938 0 1.688-.727 1.688-1.688m-52.852 0c0 .961.727 1.688 1.664 1.688h8.344c.938 0 1.688-.727 1.688-1.688c0-.937-.75-1.664-1.688-1.664H3.238c-.937 0-1.664.727-1.664 1.664m49.313 13.219c.468-.82.187-1.805-.633-2.297l-7.219-4.172c-.82-.445-1.805-.21-2.297.61c-.445.843-.187 1.828.633 2.32l7.218 4.172c.82.445 1.829.21 2.298-.633m-45.774 0c.469.844 1.477 1.078 2.297.633l7.219-4.172c.82-.492 1.101-1.477.61-2.297c-.47-.844-1.477-1.078-2.298-.633L5.723 38.91c-.797.492-1.079 1.477-.61 2.297m36.094 9.68c.844-.469 1.078-1.477.61-2.297l-4.15-7.219c-.491-.82-1.476-1.102-2.296-.633c-.844.492-1.078 1.477-.633 2.297l4.172 7.219c.492.82 1.477 1.102 2.297.633m-26.414 0c.82.468 1.805.187 2.297-.633l4.148-7.219c.469-.82.235-1.804-.586-2.273c-.867-.469-1.828-.211-2.32.61L14.16 48.59c-.445.82-.21 1.828.633 2.297m13.195 3.539c.961 0 1.688-.75 1.688-1.688v-8.32c0-.937-.727-1.687-1.688-1.687c-.937 0-1.664.75-1.664 1.687v8.32c0 .938.727 1.688 1.664 1.688"/></svg>How to use the Slowmo icon
React
import { Icon } from "@iconify/react";
<Icon icon="f7:slowmo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:slowmo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:slowmo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--slowmo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:slowmo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:slowmo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/f7/slowmo.svg" alt="Slowmo icon" width="24" height="24">Slowmo icon FAQ
Is the Slowmo icon free for commercial use?
Yes. Framework7 Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Slowmo icon in React?
Install @iconify/react and render <Icon icon="f7:slowmo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Slowmo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/f7/slowmo.svg" alt="Slowmo icon">, or paste the SVG code inline to style it with CSS.