viadeo logo

viadeo from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: viadeo
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 448×512
License: CC BY 4.0

The same logo in other sets

viadeoCoreUI Brands viadeoFont Awesome Brands viadeoJam Icons viadeoLine Awesome viadeoSimple Icons

Use the viadeo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M276.2 150.5v.7C258.3 98.6 233.6 47.8 205.4 0c43.3 29.2 67 100 70.8 150.5m32.7 121.7c7.6 18.2 11 37.5 11 57c0 77.7-57.8 141-137.8 139.4l3.8-.3c74.2-46.7 109.3-118.6 109.3-205.1c0-38.1-6.5-75.9-18.9-112c1 11.7 1 23.7 1 35.4c0 91.8-18.1 241.6-116.6 280C95 455.2 49.4 398 49.4 329.2c0-75.6 57.4-142.3 135.4-142.3c16.8 0 33.7 3.1 49.1 9.6c1.7-15.1 6.5-29.9 13.4-43.3c-19.9-7.2-41.2-10.7-62.5-10.7c-161.5 0-238.7 195.9-129.9 313.7c67.9 74.6 192 73.9 259.8 0c56.6-61.3 60.9-142.4 36.4-201c-12.7 8-27.1 13.9-42.2 17M418.1 11.7c-31 66.5-81.3 47.2-115.8 80.1c-12.4 12-20.6 34-20.6 50.5c0 14.1 4.5 27.1 12 38.8c47.4-11 98.3-46 118.2-90.7c-.7 5.5-4.8 14.4-7.2 19.2c-20.3 35.7-64.6 65.6-99.7 84.9c14.8 14.4 33.7 25.8 55 25.8c79 0 110.1-134.6 58.1-208.6"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsViadeo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M276.2 150.5v.7C258.3 98.6 233.6 47.8 205.4 0c43.3 29.2 67 100 70.8 150.5m32.7 121.7c7.6 18.2 11 37.5 11 57c0 77.7-57.8 141-137.8 139.4l3.8-.3c74.2-46.7 109.3-118.6 109.3-205.1c0-38.1-6.5-75.9-18.9-112c1 11.7 1 23.7 1 35.4c0 91.8-18.1 241.6-116.6 280C95 455.2 49.4 398 49.4 329.2c0-75.6 57.4-142.3 135.4-142.3c16.8 0 33.7 3.1 49.1 9.6c1.7-15.1 6.5-29.9 13.4-43.3c-19.9-7.2-41.2-10.7-62.5-10.7c-161.5 0-238.7 195.9-129.9 313.7c67.9 74.6 192 73.9 259.8 0c56.6-61.3 60.9-142.4 36.4-201c-12.7 8-27.1 13.9-42.2 17M418.1 11.7c-31 66.5-81.3 47.2-115.8 80.1c-12.4 12-20.6 34-20.6 50.5c0 14.1 4.5 27.1 12 38.8c47.4-11 98.3-46 118.2-90.7c-.7 5.5-4.8 14.4-7.2 19.2c-20.3 35.7-64.6 65.6-99.7 84.9c14.8 14.4 33.7 25.8 55 25.8c79 0 110.1-134.6 58.1-208.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M276.2 150.5v.7C258.3 98.6 233.6 47.8 205.4 0c43.3 29.2 67 100 70.8 150.5m32.7 121.7c7.6 18.2 11 37.5 11 57c0 77.7-57.8 141-137.8 139.4l3.8-.3c74.2-46.7 109.3-118.6 109.3-205.1c0-38.1-6.5-75.9-18.9-112c1 11.7 1 23.7 1 35.4c0 91.8-18.1 241.6-116.6 280C95 455.2 49.4 398 49.4 329.2c0-75.6 57.4-142.3 135.4-142.3c16.8 0 33.7 3.1 49.1 9.6c1.7-15.1 6.5-29.9 13.4-43.3c-19.9-7.2-41.2-10.7-62.5-10.7c-161.5 0-238.7 195.9-129.9 313.7c67.9 74.6 192 73.9 259.8 0c56.6-61.3 60.9-142.4 36.4-201c-12.7 8-27.1 13.9-42.2 17M418.1 11.7c-31 66.5-81.3 47.2-115.8 80.1c-12.4 12-20.6 34-20.6 50.5c0 14.1 4.5 27.1 12 38.8c47.4-11 98.3-46 118.2-90.7c-.7 5.5-4.8 14.4-7.2 19.2c-20.3 35.7-64.6 65.6-99.7 84.9c14.8 14.4 33.7 25.8 55 25.8c79 0 110.1-134.6 58.1-208.6"/></svg>
</template>

CSS

.icon-viadeo {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M276.2%20150.5v.7C258.3%2098.6%20233.6%2047.8%20205.4%200c43.3%2029.2%2067%20100%2070.8%20150.5m32.7%20121.7c7.6%2018.2%2011%2037.5%2011%2057c0%2077.7-57.8%20141-137.8%20139.4l3.8-.3c74.2-46.7%20109.3-118.6%20109.3-205.1c0-38.1-6.5-75.9-18.9-112c1%2011.7%201%2023.7%201%2035.4c0%2091.8-18.1%20241.6-116.6%20280C95%20455.2%2049.4%20398%2049.4%20329.2c0-75.6%2057.4-142.3%20135.4-142.3c16.8%200%2033.7%203.1%2049.1%209.6c1.7-15.1%206.5-29.9%2013.4-43.3c-19.9-7.2-41.2-10.7-62.5-10.7c-161.5%200-238.7%20195.9-129.9%20313.7c67.9%2074.6%20192%2073.9%20259.8%200c56.6-61.3%2060.9-142.4%2036.4-201c-12.7%208-27.1%2013.9-42.2%2017M418.1%2011.7c-31%2066.5-81.3%2047.2-115.8%2080.1c-12.4%2012-20.6%2034-20.6%2050.5c0%2014.1%204.5%2027.1%2012%2038.8c47.4-11%2098.3-46%20118.2-90.7c-.7%205.5-4.8%2014.4-7.2%2019.2c-20.3%2035.7-64.6%2065.6-99.7%2084.9c14.8%2014.4%2033.7%2025.8%2055%2025.8c79%200%20110.1-134.6%2058.1-208.6%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M276.2%20150.5v.7C258.3%2098.6%20233.6%2047.8%20205.4%200c43.3%2029.2%2067%20100%2070.8%20150.5m32.7%20121.7c7.6%2018.2%2011%2037.5%2011%2057c0%2077.7-57.8%20141-137.8%20139.4l3.8-.3c74.2-46.7%20109.3-118.6%20109.3-205.1c0-38.1-6.5-75.9-18.9-112c1%2011.7%201%2023.7%201%2035.4c0%2091.8-18.1%20241.6-116.6%20280C95%20455.2%2049.4%20398%2049.4%20329.2c0-75.6%2057.4-142.3%20135.4-142.3c16.8%200%2033.7%203.1%2049.1%209.6c1.7-15.1%206.5-29.9%2013.4-43.3c-19.9-7.2-41.2-10.7-62.5-10.7c-161.5%200-238.7%20195.9-129.9%20313.7c67.9%2074.6%20192%2073.9%20259.8%200c56.6-61.3%2060.9-142.4%2036.4-201c-12.7%208-27.1%2013.9-42.2%2017M418.1%2011.7c-31%2066.5-81.3%2047.2-115.8%2080.1c-12.4%2012-20.6%2034-20.6%2050.5c0%2014.1%204.5%2027.1%2012%2038.8c47.4-11%2098.3-46%20118.2-90.7c-.7%205.5-4.8%2014.4-7.2%2019.2c-20.3%2035.7-64.6%2065.6-99.7%2084.9c14.8%2014.4%2033.7%2025.8%2055%2025.8c79%200%20110.1-134.6%2058.1-208.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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