velocity logo

velocity from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
velocity
Set
Material Icon Theme
Style
Color
Viewbox
300×300
License
MIT

The same logo in other sets

velocitySimple Icons

Use the velocity logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 300 300"><path fill="#0288d1" d="M150 61.553A88.446 88.446 0 0 0 61.553 150A88.446 88.446 0 0 0 150 238.446A88.446 88.446 0 0 0 238.446 150A88.446 88.446 0 0 0 150 61.553m.011 25.082a63.353 63.353 0 0 1 63.353 63.353a63.353 63.353 0 0 1-63.353 63.353a63.353 63.353 0 0 1-63.353-63.353a63.353 63.353 0 0 1 63.353-63.353" paint-order="fill markers stroke"/><path fill="#0288d1" d="M45.008 193.096L12.213 225.89l32.795 32.795V238.44h104.99v-25.098H45.008zM74.088 12.21L41.293 45.006h20.246v104.99h25.098V45.007h20.246zm180.901 29.093V61.55h-104.99v25.097h104.99v20.246L287.784 74.1zM213.32 149.998V254.99h-20.245l32.794 32.795l32.795-32.795h-20.246V150z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeVelocity(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 300 300"><path fill="#0288d1" d="M150 61.553A88.446 88.446 0 0 0 61.553 150A88.446 88.446 0 0 0 150 238.446A88.446 88.446 0 0 0 238.446 150A88.446 88.446 0 0 0 150 61.553m.011 25.082a63.353 63.353 0 0 1 63.353 63.353a63.353 63.353 0 0 1-63.353 63.353a63.353 63.353 0 0 1-63.353-63.353a63.353 63.353 0 0 1 63.353-63.353" paintOrder="fill markers stroke"/><path fill="#0288d1" d="M45.008 193.096L12.213 225.89l32.795 32.795V238.44h104.99v-25.098H45.008zM74.088 12.21L41.293 45.006h20.246v104.99h25.098V45.007h20.246zm180.901 29.093V61.55h-104.99v25.097h104.99v20.246L287.784 74.1zM213.32 149.998V254.99h-20.245l32.794 32.795l32.795-32.795h-20.246V150z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 300 300"><path fill="#0288d1" d="M150 61.553A88.446 88.446 0 0 0 61.553 150A88.446 88.446 0 0 0 150 238.446A88.446 88.446 0 0 0 238.446 150A88.446 88.446 0 0 0 150 61.553m.011 25.082a63.353 63.353 0 0 1 63.353 63.353a63.353 63.353 0 0 1-63.353 63.353a63.353 63.353 0 0 1-63.353-63.353a63.353 63.353 0 0 1 63.353-63.353" paint-order="fill markers stroke"/><path fill="#0288d1" d="M45.008 193.096L12.213 225.89l32.795 32.795V238.44h104.99v-25.098H45.008zM74.088 12.21L41.293 45.006h20.246v104.99h25.098V45.007h20.246zm180.901 29.093V61.55h-104.99v25.097h104.99v20.246L287.784 74.1zM213.32 149.998V254.99h-20.245l32.794 32.795l32.795-32.795h-20.246V150z"/></svg>
</template>

CSS

.icon-velocity {
  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%20300%20300%22%3E%3Cpath%20fill%3D%22%230288d1%22%20d%3D%22M150%2061.553A88.446%2088.446%200%200%200%2061.553%20150A88.446%2088.446%200%200%200%20150%20238.446A88.446%2088.446%200%200%200%20238.446%20150A88.446%2088.446%200%200%200%20150%2061.553m.011%2025.082a63.353%2063.353%200%200%201%2063.353%2063.353a63.353%2063.353%200%200%201-63.353%2063.353a63.353%2063.353%200%200%201-63.353-63.353a63.353%2063.353%200%200%201%2063.353-63.353%22%20paint-order%3D%22fill%20markers%20stroke%22%2F%3E%3Cpath%20fill%3D%22%230288d1%22%20d%3D%22M45.008%20193.096L12.213%20225.89l32.795%2032.795V238.44h104.99v-25.098H45.008zM74.088%2012.21L41.293%2045.006h20.246v104.99h25.098V45.007h20.246zm180.901%2029.093V61.55h-104.99v25.097h104.99v20.246L287.784%2074.1zM213.32%20149.998V254.99h-20.245l32.794%2032.795l32.795-32.795h-20.246V150z%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%20300%20300%22%3E%3Cpath%20fill%3D%22%230288d1%22%20d%3D%22M150%2061.553A88.446%2088.446%200%200%200%2061.553%20150A88.446%2088.446%200%200%200%20150%20238.446A88.446%2088.446%200%200%200%20238.446%20150A88.446%2088.446%200%200%200%20150%2061.553m.011%2025.082a63.353%2063.353%200%200%201%2063.353%2063.353a63.353%2063.353%200%200%201-63.353%2063.353a63.353%2063.353%200%200%201-63.353-63.353a63.353%2063.353%200%200%201%2063.353-63.353%22%20paint-order%3D%22fill%20markers%20stroke%22%2F%3E%3Cpath%20fill%3D%22%230288d1%22%20d%3D%22M45.008%20193.096L12.213%20225.89l32.795%2032.795V238.44h104.99v-25.098H45.008zM74.088%2012.21L41.293%2045.006h20.246v104.99h25.098V45.007h20.246zm180.901%2029.093V61.55h-104.99v25.097h104.99v20.246L287.784%2074.1zM213.32%20149.998V254.99h-20.245l32.794%2032.795l32.795-32.795h-20.246V150z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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