vimeo icon logo

vimeo-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
vimeo-icon
Set
SVG Logos
Style
Color
Viewbox
256×223
License
CC0

Use the vimeo icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 223"><path fill="#32b8e8" d="M255.876 51.662c-1.139 24.968-18.545 59.157-52.209 102.55q-52.21 67.99-88.343 67.989c-14.918 0-27.551-13.799-37.863-41.406c-6.892-25.306-13.775-50.61-20.664-75.915c-7.663-27.592-15.878-41.406-24.661-41.406c-1.915 0-8.617 4.038-20.091 12.081L0 60.008a3257 3257 0 0 0 37.36-33.38C54.21 12.038 66.86 4.366 75.29 3.59q29.886-2.876 36.79 40.938c4.974 31.514 8.415 51.116 10.35 58.788c5.742 26.145 12.06 39.201 18.965 39.201c5.358 0 13.407-8.478 24.138-25.436c10.722-16.963 16.464-29.868 17.24-38.733c1.525-14.638-4.22-21.975-17.24-21.975c-6.128 0-12.447 1.413-18.946 4.206c12.58-41.29 36.618-61.343 72.1-60.199c26.304.773 38.705 17.867 37.19 51.282"/></svg>

React

import type { SVGProps } from "react";

export function LogosVimeoIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 223"><path fill="#32b8e8" d="M255.876 51.662c-1.139 24.968-18.545 59.157-52.209 102.55q-52.21 67.99-88.343 67.989c-14.918 0-27.551-13.799-37.863-41.406c-6.892-25.306-13.775-50.61-20.664-75.915c-7.663-27.592-15.878-41.406-24.661-41.406c-1.915 0-8.617 4.038-20.091 12.081L0 60.008a3257 3257 0 0 0 37.36-33.38C54.21 12.038 66.86 4.366 75.29 3.59q29.886-2.876 36.79 40.938c4.974 31.514 8.415 51.116 10.35 58.788c5.742 26.145 12.06 39.201 18.965 39.201c5.358 0 13.407-8.478 24.138-25.436c10.722-16.963 16.464-29.868 17.24-38.733c1.525-14.638-4.22-21.975-17.24-21.975c-6.128 0-12.447 1.413-18.946 4.206c12.58-41.29 36.618-61.343 72.1-60.199c26.304.773 38.705 17.867 37.19 51.282"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 223"><path fill="#32b8e8" d="M255.876 51.662c-1.139 24.968-18.545 59.157-52.209 102.55q-52.21 67.99-88.343 67.989c-14.918 0-27.551-13.799-37.863-41.406c-6.892-25.306-13.775-50.61-20.664-75.915c-7.663-27.592-15.878-41.406-24.661-41.406c-1.915 0-8.617 4.038-20.091 12.081L0 60.008a3257 3257 0 0 0 37.36-33.38C54.21 12.038 66.86 4.366 75.29 3.59q29.886-2.876 36.79 40.938c4.974 31.514 8.415 51.116 10.35 58.788c5.742 26.145 12.06 39.201 18.965 39.201c5.358 0 13.407-8.478 24.138-25.436c10.722-16.963 16.464-29.868 17.24-38.733c1.525-14.638-4.22-21.975-17.24-21.975c-6.128 0-12.447 1.413-18.946 4.206c12.58-41.29 36.618-61.343 72.1-60.199c26.304.773 38.705 17.867 37.19 51.282"/></svg>
</template>

CSS

.icon-vimeo-icon {
  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%20256%20223%22%3E%3Cpath%20fill%3D%22%2332b8e8%22%20d%3D%22M255.876%2051.662c-1.139%2024.968-18.545%2059.157-52.209%20102.55q-52.21%2067.99-88.343%2067.989c-14.918%200-27.551-13.799-37.863-41.406c-6.892-25.306-13.775-50.61-20.664-75.915c-7.663-27.592-15.878-41.406-24.661-41.406c-1.915%200-8.617%204.038-20.091%2012.081L0%2060.008a3257%203257%200%200%200%2037.36-33.38C54.21%2012.038%2066.86%204.366%2075.29%203.59q29.886-2.876%2036.79%2040.938c4.974%2031.514%208.415%2051.116%2010.35%2058.788c5.742%2026.145%2012.06%2039.201%2018.965%2039.201c5.358%200%2013.407-8.478%2024.138-25.436c10.722-16.963%2016.464-29.868%2017.24-38.733c1.525-14.638-4.22-21.975-17.24-21.975c-6.128%200-12.447%201.413-18.946%204.206c12.58-41.29%2036.618-61.343%2072.1-60.199c26.304.773%2038.705%2017.867%2037.19%2051.282%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%20256%20223%22%3E%3Cpath%20fill%3D%22%2332b8e8%22%20d%3D%22M255.876%2051.662c-1.139%2024.968-18.545%2059.157-52.209%20102.55q-52.21%2067.99-88.343%2067.989c-14.918%200-27.551-13.799-37.863-41.406c-6.892-25.306-13.775-50.61-20.664-75.915c-7.663-27.592-15.878-41.406-24.661-41.406c-1.915%200-8.617%204.038-20.091%2012.081L0%2060.008a3257%203257%200%200%200%2037.36-33.38C54.21%2012.038%2066.86%204.366%2075.29%203.59q29.886-2.876%2036.79%2040.938c4.974%2031.514%208.415%2051.116%2010.35%2058.788c5.742%2026.145%2012.06%2039.201%2018.965%2039.201c5.358%200%2013.407-8.478%2024.138-25.436c10.722-16.963%2016.464-29.868%2017.24-38.733c1.525-14.638-4.22-21.975-17.24-21.975c-6.128%200-12.447%201.413-18.946%204.206c12.58-41.29%2036.618-61.343%2072.1-60.199c26.304.773%2038.705%2017.867%2037.19%2051.282%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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