dailymotion logo
dailymotion from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- dailymotion
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 448×512
- License
- CC BY 4.0
The same logo in other sets
Use the dailymotion logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M298.93 267a48.4 48.4 0 0 0-24.36-6.21q-19.83 0-33.44 13.27t-13.61 33.42q0 21.16 13.28 34.6t33.43 13.44q20.5 0 34.11-13.78T322 307.47a47.13 47.13 0 0 0-6.1-23.47a44.13 44.13 0 0 0-16.97-17M0 32v448h448V32Zm374.71 373.26h-53.1v-23.89h-.67q-15.79 26.2-55.78 26.2q-27.56 0-48.89-13.1a88.3 88.3 0 0 1-32.94-35.77q-11.6-22.68-11.59-50.89q0-27.56 11.76-50.22a89.9 89.9 0 0 1 32.93-35.78q21.18-13.09 47.72-13.1a80.9 80.9 0 0 1 29.74 5.21q13.28 5.21 25 17V153l55.79-12.09Z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6BrandsDailymotion(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="M298.93 267a48.4 48.4 0 0 0-24.36-6.21q-19.83 0-33.44 13.27t-13.61 33.42q0 21.16 13.28 34.6t33.43 13.44q20.5 0 34.11-13.78T322 307.47a47.13 47.13 0 0 0-6.1-23.47a44.13 44.13 0 0 0-16.97-17M0 32v448h448V32Zm374.71 373.26h-53.1v-23.89h-.67q-15.79 26.2-55.78 26.2q-27.56 0-48.89-13.1a88.3 88.3 0 0 1-32.94-35.77q-11.6-22.68-11.59-50.89q0-27.56 11.76-50.22a89.9 89.9 0 0 1 32.93-35.78q21.18-13.09 47.72-13.1a80.9 80.9 0 0 1 29.74 5.21q13.28 5.21 25 17V153l55.79-12.09Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M298.93 267a48.4 48.4 0 0 0-24.36-6.21q-19.83 0-33.44 13.27t-13.61 33.42q0 21.16 13.28 34.6t33.43 13.44q20.5 0 34.11-13.78T322 307.47a47.13 47.13 0 0 0-6.1-23.47a44.13 44.13 0 0 0-16.97-17M0 32v448h448V32Zm374.71 373.26h-53.1v-23.89h-.67q-15.79 26.2-55.78 26.2q-27.56 0-48.89-13.1a88.3 88.3 0 0 1-32.94-35.77q-11.6-22.68-11.59-50.89q0-27.56 11.76-50.22a89.9 89.9 0 0 1 32.93-35.78q21.18-13.09 47.72-13.1a80.9 80.9 0 0 1 29.74 5.21q13.28 5.21 25 17V153l55.79-12.09Z"/></svg> </template>
CSS
.icon-dailymotion {
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%22M298.93%20267a48.4%2048.4%200%200%200-24.36-6.21q-19.83%200-33.44%2013.27t-13.61%2033.42q0%2021.16%2013.28%2034.6t33.43%2013.44q20.5%200%2034.11-13.78T322%20307.47a47.13%2047.13%200%200%200-6.1-23.47a44.13%2044.13%200%200%200-16.97-17M0%2032v448h448V32Zm374.71%20373.26h-53.1v-23.89h-.67q-15.79%2026.2-55.78%2026.2q-27.56%200-48.89-13.1a88.3%2088.3%200%200%201-32.94-35.77q-11.6-22.68-11.59-50.89q0-27.56%2011.76-50.22a89.9%2089.9%200%200%201%2032.93-35.78q21.18-13.09%2047.72-13.1a80.9%2080.9%200%200%201%2029.74%205.21q13.28%205.21%2025%2017V153l55.79-12.09Z%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%22M298.93%20267a48.4%2048.4%200%200%200-24.36-6.21q-19.83%200-33.44%2013.27t-13.61%2033.42q0%2021.16%2013.28%2034.6t33.43%2013.44q20.5%200%2034.11-13.78T322%20307.47a47.13%2047.13%200%200%200-6.1-23.47a44.13%2044.13%200%200%200-16.97-17M0%2032v448h448V32Zm374.71%20373.26h-53.1v-23.89h-.67q-15.79%2026.2-55.78%2026.2q-27.56%200-48.89-13.1a88.3%2088.3%200%200%201-32.94-35.77q-11.6-22.68-11.59-50.89q0-27.56%2011.76-50.22a89.9%2089.9%200%200%201%2032.93-35.78q21.18-13.09%2047.72-13.1a80.9%2080.9%200%200%201%2029.74%205.21q13.28%205.21%2025%2017V153l55.79-12.09Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/dailymotion.svg?color=%231a73e8&size=48
