vimeo logo

vimeo from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name: vimeo
Set: CoreUI Brands
Style: Brand
Viewbox: 32×32
License: CC0 1.0

The same logo in other sets

vimeo-fillAkar Icons vimeoBootstrap Icons vimeoBoxicons Brands vimeoFont Awesome 6 Brands vimeoFont Awesome Brands vimeoHuge Icons vimeoJam Icons vimeoLine Awesome vimeoSVG Logos vimeoMaterial Design Icons vimeoPrime Icons vimeo-fillRemix Icon vimeoSimple Icons

Related icons in CoreUI Brands

vimeo-v

Use the vimeo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.2 2H4.8A2.803 2.803 0 0 0 2 4.8v22.4C2 28.744 3.256 30 4.8 30h22.4c1.544 0 2.8-1.256 2.8-2.8V4.8C30 3.256 28.744 2 27.2 2m-1.637 9.3c-.087 1.969-1.462 4.669-4.125 8.087c-2.75 3.575-5.081 5.363-6.981 5.363c-1.181 0-2.175-1.087-2.994-3.269c-1.594-5.831-2.275-9.25-3.587-9.25q-.227.002-1.587.95l-.95-1.225c2.331-2.05 4.556-4.325 5.95-4.45q2.363-.227 2.906 3.231c1.294 8.2 1.869 9.438 4.225 5.725q1.267-2.006 1.363-3.056c.219-2.075-1.619-1.931-2.863-1.4q1.491-4.883 5.7-4.75q3.122.086 2.944 4.044z"/></svg>

React

import type { SVGProps } from "react";

export function CibVimeo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.2 2H4.8A2.803 2.803 0 0 0 2 4.8v22.4C2 28.744 3.256 30 4.8 30h22.4c1.544 0 2.8-1.256 2.8-2.8V4.8C30 3.256 28.744 2 27.2 2m-1.637 9.3c-.087 1.969-1.462 4.669-4.125 8.087c-2.75 3.575-5.081 5.363-6.981 5.363c-1.181 0-2.175-1.087-2.994-3.269c-1.594-5.831-2.275-9.25-3.587-9.25q-.227.002-1.587.95l-.95-1.225c2.331-2.05 4.556-4.325 5.95-4.45q2.363-.227 2.906 3.231c1.294 8.2 1.869 9.438 4.225 5.725q1.267-2.006 1.363-3.056c.219-2.075-1.619-1.931-2.863-1.4q1.491-4.883 5.7-4.75q3.122.086 2.944 4.044z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.2 2H4.8A2.803 2.803 0 0 0 2 4.8v22.4C2 28.744 3.256 30 4.8 30h22.4c1.544 0 2.8-1.256 2.8-2.8V4.8C30 3.256 28.744 2 27.2 2m-1.637 9.3c-.087 1.969-1.462 4.669-4.125 8.087c-2.75 3.575-5.081 5.363-6.981 5.363c-1.181 0-2.175-1.087-2.994-3.269c-1.594-5.831-2.275-9.25-3.587-9.25q-.227.002-1.587.95l-.95-1.225c2.331-2.05 4.556-4.325 5.95-4.45q2.363-.227 2.906 3.231c1.294 8.2 1.869 9.438 4.225 5.725q1.267-2.006 1.363-3.056c.219-2.075-1.619-1.931-2.863-1.4q1.491-4.883 5.7-4.75q3.122.086 2.944 4.044z"/></svg>
</template>

CSS

.icon-vimeo {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.2%202H4.8A2.803%202.803%200%200%200%202%204.8v22.4C2%2028.744%203.256%2030%204.8%2030h22.4c1.544%200%202.8-1.256%202.8-2.8V4.8C30%203.256%2028.744%202%2027.2%202m-1.637%209.3c-.087%201.969-1.462%204.669-4.125%208.087c-2.75%203.575-5.081%205.363-6.981%205.363c-1.181%200-2.175-1.087-2.994-3.269c-1.594-5.831-2.275-9.25-3.587-9.25q-.227.002-1.587.95l-.95-1.225c2.331-2.05%204.556-4.325%205.95-4.45q2.363-.227%202.906%203.231c1.294%208.2%201.869%209.438%204.225%205.725q1.267-2.006%201.363-3.056c.219-2.075-1.619-1.931-2.863-1.4q1.491-4.883%205.7-4.75q3.122.086%202.944%204.044z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.2%202H4.8A2.803%202.803%200%200%200%202%204.8v22.4C2%2028.744%203.256%2030%204.8%2030h22.4c1.544%200%202.8-1.256%202.8-2.8V4.8C30%203.256%2028.744%202%2027.2%202m-1.637%209.3c-.087%201.969-1.462%204.669-4.125%208.087c-2.75%203.575-5.081%205.363-6.981%205.363c-1.181%200-2.175-1.087-2.994-3.269c-1.594-5.831-2.275-9.25-3.587-9.25q-.227.002-1.587.95l-.95-1.225c2.331-2.05%204.556-4.325%205.95-4.45q2.363-.227%202.906%203.231c1.294%208.2%201.869%209.438%204.225%205.725q1.267-2.006%201.363-3.056c.219-2.075-1.619-1.931-2.863-1.4q1.491-4.883%205.7-4.75q3.122.086%202.944%204.044z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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