yoast logo

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

Name: yoast
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

yoastFont Awesome 6 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 640 640"><path fill="currentColor" d="M187.3 140h186l-7 18.9h-179c-39.7 0-71.9 31.6-71.9 70.3v205.4c0 35.4 24.9 70.3 84 70.3V524h-12.1c-50.1 0-91.3-40.2-91.3-89.5V229.2c0-49.3 40.7-89.2 91.3-89.2m229.1-56h66.5C339.1 462.1 337.2 482.9 298.2 523.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.4L314.2 363zM544 225.5V524H330c6.6-9.6 10.7-16.3 12.1-19.4h182.5V225.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 Fa7BrandsYoast(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="M187.3 140h186l-7 18.9h-179c-39.7 0-71.9 31.6-71.9 70.3v205.4c0 35.4 24.9 70.3 84 70.3V524h-12.1c-50.1 0-91.3-40.2-91.3-89.5V229.2c0-49.3 40.7-89.2 91.3-89.2m229.1-56h66.5C339.1 462.1 337.2 482.9 298.2 523.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.4L314.2 363zM544 225.5V524H330c6.6-9.6 10.7-16.3 12.1-19.4h182.5V225.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 640 640"><path fill="currentColor" d="M187.3 140h186l-7 18.9h-179c-39.7 0-71.9 31.6-71.9 70.3v205.4c0 35.4 24.9 70.3 84 70.3V524h-12.1c-50.1 0-91.3-40.2-91.3-89.5V229.2c0-49.3 40.7-89.2 91.3-89.2m229.1-56h66.5C339.1 462.1 337.2 482.9 298.2 523.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.4L314.2 363zM544 225.5V524H330c6.6-9.6 10.7-16.3 12.1-19.4h182.5V225.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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M187.3%20140h186l-7%2018.9h-179c-39.7%200-71.9%2031.6-71.9%2070.3v205.4c0%2035.4%2024.9%2070.3%2084%2070.3V524h-12.1c-50.1%200-91.3-40.2-91.3-89.5V229.2c0-49.3%2040.7-89.2%2091.3-89.2m229.1-56h66.5C339.1%20462.1%20337.2%20482.9%20298.2%20523.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.4L314.2%20363zM544%20225.5V524H330c6.6-9.6%2010.7-16.3%2012.1-19.4h182.5V225.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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M187.3%20140h186l-7%2018.9h-179c-39.7%200-71.9%2031.6-71.9%2070.3v205.4c0%2035.4%2024.9%2070.3%2084%2070.3V524h-12.1c-50.1%200-91.3-40.2-91.3-89.5V229.2c0-49.3%2040.7-89.2%2091.3-89.2m229.1-56h66.5C339.1%20462.1%20337.2%20482.9%20298.2%20523.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.4L314.2%20363zM544%20225.5V524H330c6.6-9.6%2010.7-16.3%2012.1-19.4h182.5V225.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/fa7-brands/yoast.svg?color=%231a73e8&size=48