vimeo icon
vimeo-fill from Akar Icons by Arturo Wibawa · Fill · MIT Free for personal and commercial use.
- Name
- vimeo-fill
- Set
- Akar Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the vimeo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.99 7.16q-.139 3.04-4.28 8.323Q13.43 21 10.462 21q-1.837-.002-3.106-3.359c-.564-2.055-1.127-4.11-1.697-6.16Q4.72 8.124 3.634 8.122c-.155 0-.707.33-1.645.98L1 7.837c1.035-.906 2.06-1.805 3.066-2.71c1.38-1.185 2.422-1.805 3.112-1.868c1.633-.153 2.64.951 3.02 3.325c.408 2.556.69 4.15.851 4.77q.708 3.185 1.553 3.183q.657 0 1.979-2.066q1.32-2.066 1.415-3.143q.19-1.783-1.415-1.782q-.75 0-1.553.342q1.546-5.03 5.913-4.885c2.157.057 3.175 1.446 3.049 4.156"/></svg>
React
import type { SVGProps } from "react";
export function AkarIconsVimeoFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.99 7.16q-.139 3.04-4.28 8.323Q13.43 21 10.462 21q-1.837-.002-3.106-3.359c-.564-2.055-1.127-4.11-1.697-6.16Q4.72 8.124 3.634 8.122c-.155 0-.707.33-1.645.98L1 7.837c1.035-.906 2.06-1.805 3.066-2.71c1.38-1.185 2.422-1.805 3.112-1.868c1.633-.153 2.64.951 3.02 3.325c.408 2.556.69 4.15.851 4.77q.708 3.185 1.553 3.183q.657 0 1.979-2.066q1.32-2.066 1.415-3.143q.19-1.783-1.415-1.782q-.75 0-1.553.342q1.546-5.03 5.913-4.885c2.157.057 3.175 1.446 3.049 4.156"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.99 7.16q-.139 3.04-4.28 8.323Q13.43 21 10.462 21q-1.837-.002-3.106-3.359c-.564-2.055-1.127-4.11-1.697-6.16Q4.72 8.124 3.634 8.122c-.155 0-.707.33-1.645.98L1 7.837c1.035-.906 2.06-1.805 3.066-2.71c1.38-1.185 2.422-1.805 3.112-1.868c1.633-.153 2.64.951 3.02 3.325c.408 2.556.69 4.15.851 4.77q.708 3.185 1.553 3.183q.657 0 1.979-2.066q1.32-2.066 1.415-3.143q.19-1.783-1.415-1.782q-.75 0-1.553.342q1.546-5.03 5.913-4.885c2.157.057 3.175 1.446 3.049 4.156"/></svg> </template>
CSS
.icon-vimeo-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.99%207.16q-.139%203.04-4.28%208.323Q13.43%2021%2010.462%2021q-1.837-.002-3.106-3.359c-.564-2.055-1.127-4.11-1.697-6.16Q4.72%208.124%203.634%208.122c-.155%200-.707.33-1.645.98L1%207.837c1.035-.906%202.06-1.805%203.066-2.71c1.38-1.185%202.422-1.805%203.112-1.868c1.633-.153%202.64.951%203.02%203.325c.408%202.556.69%204.15.851%204.77q.708%203.185%201.553%203.183q.657%200%201.979-2.066q1.32-2.066%201.415-3.143q.19-1.783-1.415-1.782q-.75%200-1.553.342q1.546-5.03%205.913-4.885c2.157.057%203.175%201.446%203.049%204.156%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.99%207.16q-.139%203.04-4.28%208.323Q13.43%2021%2010.462%2021q-1.837-.002-3.106-3.359c-.564-2.055-1.127-4.11-1.697-6.16Q4.72%208.124%203.634%208.122c-.155%200-.707.33-1.645.98L1%207.837c1.035-.906%202.06-1.805%203.066-2.71c1.38-1.185%202.422-1.805%203.112-1.868c1.633-.153%202.64.951%203.02%203.325c.408%202.556.69%204.15.851%204.77q.708%203.185%201.553%203.183q.657%200%201.979-2.066q1.32-2.066%201.415-3.143q.19-1.783-1.415-1.782q-.75%200-1.553.342q1.546-5.03%205.913-4.885c2.157.057%203.175%201.446%203.049%204.156%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/akar-icons/vimeo-fill.svg?color=%231a73e8&size=48
