slowmo icon
slowmo from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- slowmo
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Use the slowmo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function F7Slowmo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-slowmo {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.988%201.574c-.937%200-1.664.75-1.664%201.688v8.32c0%20.938.727%201.688%201.664%201.688c.961%200%201.688-.75%201.688-1.688v-8.32c0-.938-.727-1.688-1.688-1.688M14.793%205.09c-.844.492-1.078%201.5-.633%202.32l4.172%207.219c.492.82%201.476%201.101%202.297.61a1.64%201.64%200%200%200%20.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%207.242a1.677%201.677%200%200%200%20.633%202.297c.82.445%201.805.187%202.297-.633l4.148-7.219c.47-.82.235-1.828-.586-2.297M5.113%2014.77c-.469.843-.187%201.828.61%202.32l7.218%204.172c.82.445%201.829.21%202.297-.61c.469-.843.211-1.828-.61-2.32L7.41%2014.16c-.82-.445-1.828-.21-2.297.61m45.797.023c-.492-.844-1.5-1.078-2.32-.633l-7.219%204.172c-.82.492-1.102%201.477-.61%202.32c.47.797%201.454%201.055%202.274.61l7.219-4.172c.82-.492%201.101-1.477.656-2.297m3.516%2013.195c0-.937-.75-1.664-1.688-1.664h-8.344c-.937%200-1.664.727-1.664%201.664c0%20.961.727%201.688%201.664%201.688h8.344c.938%200%201.688-.727%201.688-1.688m-52.852%200c0%20.961.727%201.688%201.664%201.688h8.344c.938%200%201.688-.727%201.688-1.688c0-.937-.75-1.664-1.688-1.664H3.238c-.937%200-1.664.727-1.664%201.664m49.313%2013.219c.468-.82.187-1.805-.633-2.297l-7.219-4.172c-.82-.445-1.805-.21-2.297.61c-.445.843-.187%201.828.633%202.32l7.218%204.172c.82.445%201.829.21%202.298-.633m-45.774%200c.469.844%201.477%201.078%202.297.633l7.219-4.172c.82-.492%201.101-1.477.61-2.297c-.47-.844-1.477-1.078-2.298-.633L5.723%2038.91c-.797.492-1.079%201.477-.61%202.297m36.094%209.68c.844-.469%201.078-1.477.61-2.297l-4.15-7.219c-.491-.82-1.476-1.102-2.296-.633c-.844.492-1.078%201.477-.633%202.297l4.172%207.219c.492.82%201.477%201.102%202.297.633m-26.414%200c.82.468%201.805.187%202.297-.633l4.148-7.219c.469-.82.235-1.804-.586-2.273c-.867-.469-1.828-.211-2.32.61L14.16%2048.59c-.445.82-.21%201.828.633%202.297m13.195%203.539c.961%200%201.688-.75%201.688-1.688v-8.32c0-.937-.727-1.687-1.688-1.687c-.937%200-1.664.75-1.664%201.687v8.32c0%20.938.727%201.688%201.664%201.688%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.988%201.574c-.937%200-1.664.75-1.664%201.688v8.32c0%20.938.727%201.688%201.664%201.688c.961%200%201.688-.75%201.688-1.688v-8.32c0-.938-.727-1.688-1.688-1.688M14.793%205.09c-.844.492-1.078%201.5-.633%202.32l4.172%207.219c.492.82%201.476%201.101%202.297.61a1.64%201.64%200%200%200%20.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%207.242a1.677%201.677%200%200%200%20.633%202.297c.82.445%201.805.187%202.297-.633l4.148-7.219c.47-.82.235-1.828-.586-2.297M5.113%2014.77c-.469.843-.187%201.828.61%202.32l7.218%204.172c.82.445%201.829.21%202.297-.61c.469-.843.211-1.828-.61-2.32L7.41%2014.16c-.82-.445-1.828-.21-2.297.61m45.797.023c-.492-.844-1.5-1.078-2.32-.633l-7.219%204.172c-.82.492-1.102%201.477-.61%202.32c.47.797%201.454%201.055%202.274.61l7.219-4.172c.82-.492%201.101-1.477.656-2.297m3.516%2013.195c0-.937-.75-1.664-1.688-1.664h-8.344c-.937%200-1.664.727-1.664%201.664c0%20.961.727%201.688%201.664%201.688h8.344c.938%200%201.688-.727%201.688-1.688m-52.852%200c0%20.961.727%201.688%201.664%201.688h8.344c.938%200%201.688-.727%201.688-1.688c0-.937-.75-1.664-1.688-1.664H3.238c-.937%200-1.664.727-1.664%201.664m49.313%2013.219c.468-.82.187-1.805-.633-2.297l-7.219-4.172c-.82-.445-1.805-.21-2.297.61c-.445.843-.187%201.828.633%202.32l7.218%204.172c.82.445%201.829.21%202.298-.633m-45.774%200c.469.844%201.477%201.078%202.297.633l7.219-4.172c.82-.492%201.101-1.477.61-2.297c-.47-.844-1.477-1.078-2.298-.633L5.723%2038.91c-.797.492-1.079%201.477-.61%202.297m36.094%209.68c.844-.469%201.078-1.477.61-2.297l-4.15-7.219c-.491-.82-1.476-1.102-2.296-.633c-.844.492-1.078%201.477-.633%202.297l4.172%207.219c.492.82%201.477%201.102%202.297.633m-26.414%200c.82.468%201.805.187%202.297-.633l4.148-7.219c.469-.82.235-1.804-.586-2.273c-.867-.469-1.828-.211-2.32.61L14.16%2048.59c-.445.82-.21%201.828.633%202.297m13.195%203.539c.961%200%201.688-.75%201.688-1.688v-8.32c0-.937-.727-1.687-1.688-1.687c-.937%200-1.664.75-1.664%201.687v8.32c0%20.938.727%201.688%201.664%201.688%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/slowmo.svg?color=%231a73e8&size=48
