unreal engine logo

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

Name
unreal-engine
Set
Font Awesome Brands
Style
Brand
Viewbox
640×640
License
CC BY 4.0

The same logo in other sets

unreal-engineCoreUI Brands

Use the unreal engine logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576c141.4 0 256-114.6 256-256S461.4 64 320 64S64 178.6 64 320s114.6 256 256 256m65.5-113.7L360.4 434L318 476.6c-24.1-.3-47.9-6.2-69.3-17.2s-40.1-26.9-54.5-46.3c4.5 1.4 9.2 2.3 13.9 2.6c6.9.1 14.5-2.4 14.5-14.1V286.5c.1-3-.5-5.9-1.7-8.6s-3.1-5-5.4-6.9s-5-3.1-7.9-3.7s-5.9-.5-8.8.2c-19.6 4.5-35.3 53.5-35.3 53.5c-.2-22.6 4.5-45 13.8-65.6s23-39 40.1-53.8c22.5-19.5 50.1-32.2 79.6-36.7c-21.4 12.2-33.5 32.1-33.5 48.9c0 26.9 16.2 23.6 21 19.7v155.3c.8 1.9 1.9 3.8 3.2 5.5c2.1 3 5 5.4 8.2 7s6.9 2.5 10.5 2.5c16.2 0 37.3-18.5 37.3-18.5V259.6c0-12.8-9.6-28.2-19.3-33.5c0 0 17.9-3.2 31.7 7.4c2.6-3.2 5.3-6.2 8.2-9.1c32.2-31.6 62.5-40.6 87.7-45.1c0 0-45.9 36.1-45.9 84.5c0 36 .9 123.8.9 123.8c17 16.4 42.4-7.3 65.2-30.8c-4.4 21.3-24 75.9-86.6 105.4z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsUnrealEngine(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="M320 576c141.4 0 256-114.6 256-256S461.4 64 320 64S64 178.6 64 320s114.6 256 256 256m65.5-113.7L360.4 434L318 476.6c-24.1-.3-47.9-6.2-69.3-17.2s-40.1-26.9-54.5-46.3c4.5 1.4 9.2 2.3 13.9 2.6c6.9.1 14.5-2.4 14.5-14.1V286.5c.1-3-.5-5.9-1.7-8.6s-3.1-5-5.4-6.9s-5-3.1-7.9-3.7s-5.9-.5-8.8.2c-19.6 4.5-35.3 53.5-35.3 53.5c-.2-22.6 4.5-45 13.8-65.6s23-39 40.1-53.8c22.5-19.5 50.1-32.2 79.6-36.7c-21.4 12.2-33.5 32.1-33.5 48.9c0 26.9 16.2 23.6 21 19.7v155.3c.8 1.9 1.9 3.8 3.2 5.5c2.1 3 5 5.4 8.2 7s6.9 2.5 10.5 2.5c16.2 0 37.3-18.5 37.3-18.5V259.6c0-12.8-9.6-28.2-19.3-33.5c0 0 17.9-3.2 31.7 7.4c2.6-3.2 5.3-6.2 8.2-9.1c32.2-31.6 62.5-40.6 87.7-45.1c0 0-45.9 36.1-45.9 84.5c0 36 .9 123.8.9 123.8c17 16.4 42.4-7.3 65.2-30.8c-4.4 21.3-24 75.9-86.6 105.4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576c141.4 0 256-114.6 256-256S461.4 64 320 64S64 178.6 64 320s114.6 256 256 256m65.5-113.7L360.4 434L318 476.6c-24.1-.3-47.9-6.2-69.3-17.2s-40.1-26.9-54.5-46.3c4.5 1.4 9.2 2.3 13.9 2.6c6.9.1 14.5-2.4 14.5-14.1V286.5c.1-3-.5-5.9-1.7-8.6s-3.1-5-5.4-6.9s-5-3.1-7.9-3.7s-5.9-.5-8.8.2c-19.6 4.5-35.3 53.5-35.3 53.5c-.2-22.6 4.5-45 13.8-65.6s23-39 40.1-53.8c22.5-19.5 50.1-32.2 79.6-36.7c-21.4 12.2-33.5 32.1-33.5 48.9c0 26.9 16.2 23.6 21 19.7v155.3c.8 1.9 1.9 3.8 3.2 5.5c2.1 3 5 5.4 8.2 7s6.9 2.5 10.5 2.5c16.2 0 37.3-18.5 37.3-18.5V259.6c0-12.8-9.6-28.2-19.3-33.5c0 0 17.9-3.2 31.7 7.4c2.6-3.2 5.3-6.2 8.2-9.1c32.2-31.6 62.5-40.6 87.7-45.1c0 0-45.9 36.1-45.9 84.5c0 36 .9 123.8.9 123.8c17 16.4 42.4-7.3 65.2-30.8c-4.4 21.3-24 75.9-86.6 105.4z"/></svg>
</template>

CSS

.icon-unreal-engine {
  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%22M320%20576c141.4%200%20256-114.6%20256-256S461.4%2064%20320%2064S64%20178.6%2064%20320s114.6%20256%20256%20256m65.5-113.7L360.4%20434L318%20476.6c-24.1-.3-47.9-6.2-69.3-17.2s-40.1-26.9-54.5-46.3c4.5%201.4%209.2%202.3%2013.9%202.6c6.9.1%2014.5-2.4%2014.5-14.1V286.5c.1-3-.5-5.9-1.7-8.6s-3.1-5-5.4-6.9s-5-3.1-7.9-3.7s-5.9-.5-8.8.2c-19.6%204.5-35.3%2053.5-35.3%2053.5c-.2-22.6%204.5-45%2013.8-65.6s23-39%2040.1-53.8c22.5-19.5%2050.1-32.2%2079.6-36.7c-21.4%2012.2-33.5%2032.1-33.5%2048.9c0%2026.9%2016.2%2023.6%2021%2019.7v155.3c.8%201.9%201.9%203.8%203.2%205.5c2.1%203%205%205.4%208.2%207s6.9%202.5%2010.5%202.5c16.2%200%2037.3-18.5%2037.3-18.5V259.6c0-12.8-9.6-28.2-19.3-33.5c0%200%2017.9-3.2%2031.7%207.4c2.6-3.2%205.3-6.2%208.2-9.1c32.2-31.6%2062.5-40.6%2087.7-45.1c0%200-45.9%2036.1-45.9%2084.5c0%2036%20.9%20123.8.9%20123.8c17%2016.4%2042.4-7.3%2065.2-30.8c-4.4%2021.3-24%2075.9-86.6%20105.4z%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%22M320%20576c141.4%200%20256-114.6%20256-256S461.4%2064%20320%2064S64%20178.6%2064%20320s114.6%20256%20256%20256m65.5-113.7L360.4%20434L318%20476.6c-24.1-.3-47.9-6.2-69.3-17.2s-40.1-26.9-54.5-46.3c4.5%201.4%209.2%202.3%2013.9%202.6c6.9.1%2014.5-2.4%2014.5-14.1V286.5c.1-3-.5-5.9-1.7-8.6s-3.1-5-5.4-6.9s-5-3.1-7.9-3.7s-5.9-.5-8.8.2c-19.6%204.5-35.3%2053.5-35.3%2053.5c-.2-22.6%204.5-45%2013.8-65.6s23-39%2040.1-53.8c22.5-19.5%2050.1-32.2%2079.6-36.7c-21.4%2012.2-33.5%2032.1-33.5%2048.9c0%2026.9%2016.2%2023.6%2021%2019.7v155.3c.8%201.9%201.9%203.8%203.2%205.5c2.1%203%205%205.4%208.2%207s6.9%202.5%2010.5%202.5c16.2%200%2037.3-18.5%2037.3-18.5V259.6c0-12.8-9.6-28.2-19.3-33.5c0%200%2017.9-3.2%2031.7%207.4c2.6-3.2%205.3-6.2%208.2-9.1c32.2-31.6%2062.5-40.6%2087.7-45.1c0%200-45.9%2036.1-45.9%2084.5c0%2036%20.9%20123.8.9%20123.8c17%2016.4%2042.4-7.3%2065.2-30.8c-4.4%2021.3-24%2075.9-86.6%20105.4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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