yoast logo

yoast from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: yoast
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 448×512
License: CC BY 4.0

The same logo in other sets

yoastFont Awesome Brands yoastLine Awesome yoastSimple Icons

Use the yoast logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M91.3 76h186l-7 18.9h-179c-39.7 0-71.9 31.6-71.9 70.3v205.4c0 35.4 24.9 70.3 84 70.3V460H91.3C41.2 460 0 419.8 0 370.5V165.2C0 115.9 40.7 76 91.3 76m229.1-56h66.5C243.1 398.1 241.2 418.9 202.2 459.3c-20.8 21.6-49.3 31.7-78.3 32.7v-51.1c49.2-7.7 64.6-49.9 64.6-75.3c0-20.1.6-12.6-82.1-223.2h61.4L218.2 299zM448 161.5V460H234c6.6-9.6 10.7-16.3 12.1-19.4h182.5V161.5c0-32.5-17.1-51.9-48.2-62.9l6.7-17.6c41.7 13.6 60.9 43.1 60.9 80.5"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsYoast(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="M91.3 76h186l-7 18.9h-179c-39.7 0-71.9 31.6-71.9 70.3v205.4c0 35.4 24.9 70.3 84 70.3V460H91.3C41.2 460 0 419.8 0 370.5V165.2C0 115.9 40.7 76 91.3 76m229.1-56h66.5C243.1 398.1 241.2 418.9 202.2 459.3c-20.8 21.6-49.3 31.7-78.3 32.7v-51.1c49.2-7.7 64.6-49.9 64.6-75.3c0-20.1.6-12.6-82.1-223.2h61.4L218.2 299zM448 161.5V460H234c6.6-9.6 10.7-16.3 12.1-19.4h182.5V161.5c0-32.5-17.1-51.9-48.2-62.9l6.7-17.6c41.7 13.6 60.9 43.1 60.9 80.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M91.3 76h186l-7 18.9h-179c-39.7 0-71.9 31.6-71.9 70.3v205.4c0 35.4 24.9 70.3 84 70.3V460H91.3C41.2 460 0 419.8 0 370.5V165.2C0 115.9 40.7 76 91.3 76m229.1-56h66.5C243.1 398.1 241.2 418.9 202.2 459.3c-20.8 21.6-49.3 31.7-78.3 32.7v-51.1c49.2-7.7 64.6-49.9 64.6-75.3c0-20.1.6-12.6-82.1-223.2h61.4L218.2 299zM448 161.5V460H234c6.6-9.6 10.7-16.3 12.1-19.4h182.5V161.5c0-32.5-17.1-51.9-48.2-62.9l6.7-17.6c41.7 13.6 60.9 43.1 60.9 80.5"/></svg>
</template>

CSS

.icon-yoast {
  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%22M91.3%2076h186l-7%2018.9h-179c-39.7%200-71.9%2031.6-71.9%2070.3v205.4c0%2035.4%2024.9%2070.3%2084%2070.3V460H91.3C41.2%20460%200%20419.8%200%20370.5V165.2C0%20115.9%2040.7%2076%2091.3%2076m229.1-56h66.5C243.1%20398.1%20241.2%20418.9%20202.2%20459.3c-20.8%2021.6-49.3%2031.7-78.3%2032.7v-51.1c49.2-7.7%2064.6-49.9%2064.6-75.3c0-20.1.6-12.6-82.1-223.2h61.4L218.2%20299zM448%20161.5V460H234c6.6-9.6%2010.7-16.3%2012.1-19.4h182.5V161.5c0-32.5-17.1-51.9-48.2-62.9l6.7-17.6c41.7%2013.6%2060.9%2043.1%2060.9%2080.5%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%22M91.3%2076h186l-7%2018.9h-179c-39.7%200-71.9%2031.6-71.9%2070.3v205.4c0%2035.4%2024.9%2070.3%2084%2070.3V460H91.3C41.2%20460%200%20419.8%200%20370.5V165.2C0%20115.9%2040.7%2076%2091.3%2076m229.1-56h66.5C243.1%20398.1%20241.2%20418.9%20202.2%20459.3c-20.8%2021.6-49.3%2031.7-78.3%2032.7v-51.1c49.2-7.7%2064.6-49.9%2064.6-75.3c0-20.1.6-12.6-82.1-223.2h61.4L218.2%20299zM448%20161.5V460H234c6.6-9.6%2010.7-16.3%2012.1-19.4h182.5V161.5c0-32.5-17.1-51.9-48.2-62.9l6.7-17.6c41.7%2013.6%2060.9%2043.1%2060.9%2080.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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