youtube shorts logo

youtube-shorts from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: youtube-shorts
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

Related icons in Font Awesome Brands

Use the youtube shorts logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512.1 116.3c-25.4-47.8-85.2-66.1-133.5-41L166.9 186.5c-48.3 25.2-66.8 84.3-41.4 132.1c17.1 32.1 49.7 50.9 83.9 52.2l-39.7 20.9c-48.3 25.1-66.9 84.3-41.5 132.1s85.2 66.1 133.5 41l211.8-111.3c48.3-25.2 66.8-84.3 41.4-132.1c-17.1-32.1-49.7-50.9-83.9-52.2l39.7-20.9c48.3-25.1 66.8-84.3 41.4-132m-119.6 204L264.3 399V241.1l128.2 79.1z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsYoutubeShorts(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512.1 116.3c-25.4-47.8-85.2-66.1-133.5-41L166.9 186.5c-48.3 25.2-66.8 84.3-41.4 132.1c17.1 32.1 49.7 50.9 83.9 52.2l-39.7 20.9c-48.3 25.1-66.9 84.3-41.5 132.1s85.2 66.1 133.5 41l211.8-111.3c48.3-25.2 66.8-84.3 41.4-132.1c-17.1-32.1-49.7-50.9-83.9-52.2l39.7-20.9c48.3-25.1 66.8-84.3 41.4-132m-119.6 204L264.3 399V241.1l128.2 79.1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512.1 116.3c-25.4-47.8-85.2-66.1-133.5-41L166.9 186.5c-48.3 25.2-66.8 84.3-41.4 132.1c17.1 32.1 49.7 50.9 83.9 52.2l-39.7 20.9c-48.3 25.1-66.9 84.3-41.5 132.1s85.2 66.1 133.5 41l211.8-111.3c48.3-25.2 66.8-84.3 41.4-132.1c-17.1-32.1-49.7-50.9-83.9-52.2l39.7-20.9c48.3-25.1 66.8-84.3 41.4-132m-119.6 204L264.3 399V241.1l128.2 79.1z"/></svg>
</template>

CSS

.icon-youtube-shorts {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512.1%20116.3c-25.4-47.8-85.2-66.1-133.5-41L166.9%20186.5c-48.3%2025.2-66.8%2084.3-41.4%20132.1c17.1%2032.1%2049.7%2050.9%2083.9%2052.2l-39.7%2020.9c-48.3%2025.1-66.9%2084.3-41.5%20132.1s85.2%2066.1%20133.5%2041l211.8-111.3c48.3-25.2%2066.8-84.3%2041.4-132.1c-17.1-32.1-49.7-50.9-83.9-52.2l39.7-20.9c48.3-25.1%2066.8-84.3%2041.4-132m-119.6%20204L264.3%20399V241.1l128.2%2079.1z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512.1%20116.3c-25.4-47.8-85.2-66.1-133.5-41L166.9%20186.5c-48.3%2025.2-66.8%2084.3-41.4%20132.1c17.1%2032.1%2049.7%2050.9%2083.9%2052.2l-39.7%2020.9c-48.3%2025.1-66.9%2084.3-41.5%20132.1s85.2%2066.1%20133.5%2041l211.8-111.3c48.3-25.2%2066.8-84.3%2041.4-132.1c-17.1-32.1-49.7-50.9-83.9-52.2l39.7-20.9c48.3-25.1%2066.8-84.3%2041.4-132m-119.6%20204L264.3%20399V241.1l128.2%2079.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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