yahoo logo
yahoo from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- yahoo
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the yahoo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.86 1.56l-4.59 10.31h5.13L24 1.56h-5.14M0 6.71l5.15 11.56l-1.85 4.17h4.53l6.86-15.73h-4.5l-2.8 6.73l-2.77-6.73H0m15.62 6.16c-1.67 0-2.91 1.25-2.91 2.71c0 1.42 1.2 2.61 2.79 2.61c1.68 0 2.93-1.23 2.93-2.69c0-1.47-1.2-2.63-2.81-2.63Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsYahoo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.86 1.56l-4.59 10.31h5.13L24 1.56h-5.14M0 6.71l5.15 11.56l-1.85 4.17h4.53l6.86-15.73h-4.5l-2.8 6.73l-2.77-6.73H0m15.62 6.16c-1.67 0-2.91 1.25-2.91 2.71c0 1.42 1.2 2.61 2.79 2.61c1.68 0 2.93-1.23 2.93-2.69c0-1.47-1.2-2.63-2.81-2.63Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.86 1.56l-4.59 10.31h5.13L24 1.56h-5.14M0 6.71l5.15 11.56l-1.85 4.17h4.53l6.86-15.73h-4.5l-2.8 6.73l-2.77-6.73H0m15.62 6.16c-1.67 0-2.91 1.25-2.91 2.71c0 1.42 1.2 2.61 2.79 2.61c1.68 0 2.93-1.23 2.93-2.69c0-1.47-1.2-2.63-2.81-2.63Z"/></svg> </template>
CSS
.icon-yahoo {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.86%201.56l-4.59%2010.31h5.13L24%201.56h-5.14M0%206.71l5.15%2011.56l-1.85%204.17h4.53l6.86-15.73h-4.5l-2.8%206.73l-2.77-6.73H0m15.62%206.16c-1.67%200-2.91%201.25-2.91%202.71c0%201.42%201.2%202.61%202.79%202.61c1.68%200%202.93-1.23%202.93-2.69c0-1.47-1.2-2.63-2.81-2.63Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.86%201.56l-4.59%2010.31h5.13L24%201.56h-5.14M0%206.71l5.15%2011.56l-1.85%204.17h4.53l6.86-15.73h-4.5l-2.8%206.73l-2.77-6.73H0m15.62%206.16c-1.67%200-2.91%201.25-2.91%202.71c0%201.42%201.2%202.61%202.79%202.61c1.68%200%202.93-1.23%202.93-2.69c0-1.47-1.2-2.63-2.81-2.63Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/yahoo.svg?color=%231a73e8&size=48
