social youtube icon
social-youtube-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- social-youtube-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
social-android-outlinesocial-angular-outlinesocial-apple-outlinesocial-bitcoin-outlinesocial-buffer-outlinesocial-chrome-outlinesocial-codepen-outlinesocial-css3-outlinesocial-designernews-outlinesocial-dribbblesocial-dropbox-outlinesocial-euro-outlinesocial-facebooksocial-foursquare-outlinesocial-github-outlinesocial-googlesocial-googleplussocial-hackernews-outlinesocial-html5-outlinesocial-instagramsocial-javascript-outlinesocial-linkedin-outlinesocial-octocatsocial-pinterest-outline
Use the social youtube icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M265 96c65.3 0 118.7 1.1 168.1 3.3h1.4c23.1 0 42 22 42 49.1v1.1l.1 1.1c2.3 34 3.4 69.3 3.4 104.9.1 35.6-1.1 70.9-3.4 104.9l-.1 1.1v1.1c0 13.8-4.7 26.6-13.4 36.1-7.8 8.6-18 13.4-28.6 13.4h-1.6c-52.9 2.5-108.8 3.8-166.4 3.8h-10.6.1-10.9c-57.8 0-113.7-1.3-166.2-3.7h-1.6c-10.6 0-20.7-4.8-28.5-13.4-8.6-9.5-13.4-22.3-13.4-36.1v-1.1l-.1-1.1c-2.4-34.1-3.5-69.4-3.3-104.7v-.2c-.1-35.3 1-70.5 3.3-104.6l.1-1.1v-1.1c0-27.2 18.8-49.3 41.9-49.3h1.4c49.5-2.3 102.9-3.3 168.2-3.3H265m0-32.2h-18c-57.6 0-114.2.8-169.6 3.3-40.8 0-73.9 36.3-73.9 81.3C1 184.4-.1 220 0 255.7c-.1 35.7.9 71.3 3.4 107 0 45 33.1 81.6 73.9 81.6 54.8 2.6 110.7 3.8 167.8 3.8h21.6c57.1 0 113-1.2 167.9-3.8 40.9 0 74-36.6 74-81.6 2.4-35.7 3.5-71.4 3.4-107.1.1-35.7-1-71.3-3.4-107.1 0-45-33.1-81.1-74-81.1C379.2 64.8 322.7 64 265 64z" fill="currentColor"/><path d="M207 353.8V157.4l145 98.2-145 98.2z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonSocialYoutubeOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M265 96c65.3 0 118.7 1.1 168.1 3.3h1.4c23.1 0 42 22 42 49.1v1.1l.1 1.1c2.3 34 3.4 69.3 3.4 104.9.1 35.6-1.1 70.9-3.4 104.9l-.1 1.1v1.1c0 13.8-4.7 26.6-13.4 36.1-7.8 8.6-18 13.4-28.6 13.4h-1.6c-52.9 2.5-108.8 3.8-166.4 3.8h-10.6.1-10.9c-57.8 0-113.7-1.3-166.2-3.7h-1.6c-10.6 0-20.7-4.8-28.5-13.4-8.6-9.5-13.4-22.3-13.4-36.1v-1.1l-.1-1.1c-2.4-34.1-3.5-69.4-3.3-104.7v-.2c-.1-35.3 1-70.5 3.3-104.6l.1-1.1v-1.1c0-27.2 18.8-49.3 41.9-49.3h1.4c49.5-2.3 102.9-3.3 168.2-3.3H265m0-32.2h-18c-57.6 0-114.2.8-169.6 3.3-40.8 0-73.9 36.3-73.9 81.3C1 184.4-.1 220 0 255.7c-.1 35.7.9 71.3 3.4 107 0 45 33.1 81.6 73.9 81.6 54.8 2.6 110.7 3.8 167.8 3.8h21.6c57.1 0 113-1.2 167.9-3.8 40.9 0 74-36.6 74-81.6 2.4-35.7 3.5-71.4 3.4-107.1.1-35.7-1-71.3-3.4-107.1 0-45-33.1-81.1-74-81.1C379.2 64.8 322.7 64 265 64z" fill="currentColor"/><path d="M207 353.8V157.4l145 98.2-145 98.2z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M265 96c65.3 0 118.7 1.1 168.1 3.3h1.4c23.1 0 42 22 42 49.1v1.1l.1 1.1c2.3 34 3.4 69.3 3.4 104.9.1 35.6-1.1 70.9-3.4 104.9l-.1 1.1v1.1c0 13.8-4.7 26.6-13.4 36.1-7.8 8.6-18 13.4-28.6 13.4h-1.6c-52.9 2.5-108.8 3.8-166.4 3.8h-10.6.1-10.9c-57.8 0-113.7-1.3-166.2-3.7h-1.6c-10.6 0-20.7-4.8-28.5-13.4-8.6-9.5-13.4-22.3-13.4-36.1v-1.1l-.1-1.1c-2.4-34.1-3.5-69.4-3.3-104.7v-.2c-.1-35.3 1-70.5 3.3-104.6l.1-1.1v-1.1c0-27.2 18.8-49.3 41.9-49.3h1.4c49.5-2.3 102.9-3.3 168.2-3.3H265m0-32.2h-18c-57.6 0-114.2.8-169.6 3.3-40.8 0-73.9 36.3-73.9 81.3C1 184.4-.1 220 0 255.7c-.1 35.7.9 71.3 3.4 107 0 45 33.1 81.6 73.9 81.6 54.8 2.6 110.7 3.8 167.8 3.8h21.6c57.1 0 113-1.2 167.9-3.8 40.9 0 74-36.6 74-81.6 2.4-35.7 3.5-71.4 3.4-107.1.1-35.7-1-71.3-3.4-107.1 0-45-33.1-81.1-74-81.1C379.2 64.8 322.7 64 265 64z" fill="currentColor"/><path d="M207 353.8V157.4l145 98.2-145 98.2z" fill="currentColor"/></svg> </template>
CSS
.icon-social-youtube-outline {
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%20512%20512%22%3E%3Cpath%20d%3D%22M265%2096c65.3%200%20118.7%201.1%20168.1%203.3h1.4c23.1%200%2042%2022%2042%2049.1v1.1l.1%201.1c2.3%2034%203.4%2069.3%203.4%20104.9.1%2035.6-1.1%2070.9-3.4%20104.9l-.1%201.1v1.1c0%2013.8-4.7%2026.6-13.4%2036.1-7.8%208.6-18%2013.4-28.6%2013.4h-1.6c-52.9%202.5-108.8%203.8-166.4%203.8h-10.6.1-10.9c-57.8%200-113.7-1.3-166.2-3.7h-1.6c-10.6%200-20.7-4.8-28.5-13.4-8.6-9.5-13.4-22.3-13.4-36.1v-1.1l-.1-1.1c-2.4-34.1-3.5-69.4-3.3-104.7v-.2c-.1-35.3%201-70.5%203.3-104.6l.1-1.1v-1.1c0-27.2%2018.8-49.3%2041.9-49.3h1.4c49.5-2.3%20102.9-3.3%20168.2-3.3H265m0-32.2h-18c-57.6%200-114.2.8-169.6%203.3-40.8%200-73.9%2036.3-73.9%2081.3C1%20184.4-.1%20220%200%20255.7c-.1%2035.7.9%2071.3%203.4%20107%200%2045%2033.1%2081.6%2073.9%2081.6%2054.8%202.6%20110.7%203.8%20167.8%203.8h21.6c57.1%200%20113-1.2%20167.9-3.8%2040.9%200%2074-36.6%2074-81.6%202.4-35.7%203.5-71.4%203.4-107.1.1-35.7-1-71.3-3.4-107.1%200-45-33.1-81.1-74-81.1C379.2%2064.8%20322.7%2064%20265%2064z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M207%20353.8V157.4l145%2098.2-145%2098.2z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M265%2096c65.3%200%20118.7%201.1%20168.1%203.3h1.4c23.1%200%2042%2022%2042%2049.1v1.1l.1%201.1c2.3%2034%203.4%2069.3%203.4%20104.9.1%2035.6-1.1%2070.9-3.4%20104.9l-.1%201.1v1.1c0%2013.8-4.7%2026.6-13.4%2036.1-7.8%208.6-18%2013.4-28.6%2013.4h-1.6c-52.9%202.5-108.8%203.8-166.4%203.8h-10.6.1-10.9c-57.8%200-113.7-1.3-166.2-3.7h-1.6c-10.6%200-20.7-4.8-28.5-13.4-8.6-9.5-13.4-22.3-13.4-36.1v-1.1l-.1-1.1c-2.4-34.1-3.5-69.4-3.3-104.7v-.2c-.1-35.3%201-70.5%203.3-104.6l.1-1.1v-1.1c0-27.2%2018.8-49.3%2041.9-49.3h1.4c49.5-2.3%20102.9-3.3%20168.2-3.3H265m0-32.2h-18c-57.6%200-114.2.8-169.6%203.3-40.8%200-73.9%2036.3-73.9%2081.3C1%20184.4-.1%20220%200%20255.7c-.1%2035.7.9%2071.3%203.4%20107%200%2045%2033.1%2081.6%2073.9%2081.6%2054.8%202.6%20110.7%203.8%20167.8%203.8h21.6c57.1%200%20113-1.2%20167.9-3.8%2040.9%200%2074-36.6%2074-81.6%202.4-35.7%203.5-71.4%203.4-107.1.1-35.7-1-71.3-3.4-107.1%200-45-33.1-81.1-74-81.1C379.2%2064.8%20322.7%2064%20265%2064z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M207%20353.8V157.4l145%2098.2-145%2098.2z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/social-youtube-outline.svg?color=%231a73e8&size=48
