social yahoo icon
social-yahoo-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- social-yahoo-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 yahoo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M384.6 68.4c-11.3 0-22.5-.8-32.6-4.4l-96 160-96-160c-10.1 3.6-20.7 4.4-32 4.4-11.1 0-22.1-.9-32-4.4l128 212.7V448c10-3.5 20.8-4.4 32-4.4s22 .9 32 4.4V277L416 64c-9.9 3.4-20.3 4.4-31.4 4.4zM274.2 268.5l-2.2 4V428.2c-5-.6-11.2-.7-16-.7-4.8 0-10 .1-16 .7V272.3l-2.4-3.8L127 84.4h1c7.6 0 16-.3 24.7-1.9l89.8 149.8 13.4 22.8 14-22.9 89.8-149.9c9 1.6 17.6 1.7 24.8 1.7h.5L274.2 268.5z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonSocialYahooOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M384.6 68.4c-11.3 0-22.5-.8-32.6-4.4l-96 160-96-160c-10.1 3.6-20.7 4.4-32 4.4-11.1 0-22.1-.9-32-4.4l128 212.7V448c10-3.5 20.8-4.4 32-4.4s22 .9 32 4.4V277L416 64c-9.9 3.4-20.3 4.4-31.4 4.4zM274.2 268.5l-2.2 4V428.2c-5-.6-11.2-.7-16-.7-4.8 0-10 .1-16 .7V272.3l-2.4-3.8L127 84.4h1c7.6 0 16-.3 24.7-1.9l89.8 149.8 13.4 22.8 14-22.9 89.8-149.9c9 1.6 17.6 1.7 24.8 1.7h.5L274.2 268.5z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M384.6 68.4c-11.3 0-22.5-.8-32.6-4.4l-96 160-96-160c-10.1 3.6-20.7 4.4-32 4.4-11.1 0-22.1-.9-32-4.4l128 212.7V448c10-3.5 20.8-4.4 32-4.4s22 .9 32 4.4V277L416 64c-9.9 3.4-20.3 4.4-31.4 4.4zM274.2 268.5l-2.2 4V428.2c-5-.6-11.2-.7-16-.7-4.8 0-10 .1-16 .7V272.3l-2.4-3.8L127 84.4h1c7.6 0 16-.3 24.7-1.9l89.8 149.8 13.4 22.8 14-22.9 89.8-149.9c9 1.6 17.6 1.7 24.8 1.7h.5L274.2 268.5z" fill="currentColor"/></svg> </template>
CSS
.icon-social-yahoo-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%22M384.6%2068.4c-11.3%200-22.5-.8-32.6-4.4l-96%20160-96-160c-10.1%203.6-20.7%204.4-32%204.4-11.1%200-22.1-.9-32-4.4l128%20212.7V448c10-3.5%2020.8-4.4%2032-4.4s22%20.9%2032%204.4V277L416%2064c-9.9%203.4-20.3%204.4-31.4%204.4zM274.2%20268.5l-2.2%204V428.2c-5-.6-11.2-.7-16-.7-4.8%200-10%20.1-16%20.7V272.3l-2.4-3.8L127%2084.4h1c7.6%200%2016-.3%2024.7-1.9l89.8%20149.8%2013.4%2022.8%2014-22.9%2089.8-149.9c9%201.6%2017.6%201.7%2024.8%201.7h.5L274.2%20268.5z%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%22M384.6%2068.4c-11.3%200-22.5-.8-32.6-4.4l-96%20160-96-160c-10.1%203.6-20.7%204.4-32%204.4-11.1%200-22.1-.9-32-4.4l128%20212.7V448c10-3.5%2020.8-4.4%2032-4.4s22%20.9%2032%204.4V277L416%2064c-9.9%203.4-20.3%204.4-31.4%204.4zM274.2%20268.5l-2.2%204V428.2c-5-.6-11.2-.7-16-.7-4.8%200-10%20.1-16%20.7V272.3l-2.4-3.8L127%2084.4h1c7.6%200%2016-.3%2024.7-1.9l89.8%20149.8%2013.4%2022.8%2014-22.9%2089.8-149.9c9%201.6%2017.6%201.7%2024.8%201.7h.5L274.2%20268.5z%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-yahoo-outline.svg?color=%231a73e8&size=48
