motion logo

motion from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
motion
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

The same logo in other sets

motionMaterial Design Icons

Use the motion logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M48.379 39.997L23.063 88.003H0L19.77 50.52c3.064-5.814 10.708-10.523 17.078-10.523ZM104.937 52c0-6.631 5.162-12.002 11.531-12.002S128 45.368 128 52c0 6.629-5.162 12-11.532 12c-6.369 0-11.531-5.37-11.531-12.001M52.703 39.997h23.063L50.45 88.003H27.387Zm27.238 0h23.063L83.241 77.48c-3.065 5.814-10.715 10.523-17.084 10.523H54.625Z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconMotion(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M48.379 39.997L23.063 88.003H0L19.77 50.52c3.064-5.814 10.708-10.523 17.078-10.523ZM104.937 52c0-6.631 5.162-12.002 11.531-12.002S128 45.368 128 52c0 6.629-5.162 12-11.532 12c-6.369 0-11.531-5.37-11.531-12.001M52.703 39.997h23.063L50.45 88.003H27.387Zm27.238 0h23.063L83.241 77.48c-3.065 5.814-10.715 10.523-17.084 10.523H54.625Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M48.379 39.997L23.063 88.003H0L19.77 50.52c3.064-5.814 10.708-10.523 17.078-10.523ZM104.937 52c0-6.631 5.162-12.002 11.531-12.002S128 45.368 128 52c0 6.629-5.162 12-11.532 12c-6.369 0-11.531-5.37-11.531-12.001M52.703 39.997h23.063L50.45 88.003H27.387Zm27.238 0h23.063L83.241 77.48c-3.065 5.814-10.715 10.523-17.084 10.523H54.625Z"/></svg>
</template>

CSS

.icon-motion {
  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%20128%20128%22%3E%3Cpath%20d%3D%22M48.379%2039.997L23.063%2088.003H0L19.77%2050.52c3.064-5.814%2010.708-10.523%2017.078-10.523ZM104.937%2052c0-6.631%205.162-12.002%2011.531-12.002S128%2045.368%20128%2052c0%206.629-5.162%2012-11.532%2012c-6.369%200-11.531-5.37-11.531-12.001M52.703%2039.997h23.063L50.45%2088.003H27.387Zm27.238%200h23.063L83.241%2077.48c-3.065%205.814-10.715%2010.523-17.084%2010.523H54.625Z%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%20128%20128%22%3E%3Cpath%20d%3D%22M48.379%2039.997L23.063%2088.003H0L19.77%2050.52c3.064-5.814%2010.708-10.523%2017.078-10.523ZM104.937%2052c0-6.631%205.162-12.002%2011.531-12.002S128%2045.368%20128%2052c0%206.629-5.162%2012-11.532%2012c-6.369%200-11.531-5.37-11.531-12.001M52.703%2039.997h23.063L50.45%2088.003H27.387Zm27.238%200h23.063L83.241%2077.48c-3.065%205.814-10.715%2010.523-17.084%2010.523H54.625Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/motion.svg?color=%231a73e8&size=48