ufc logo

ufc from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
ufc
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the ufc logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.308 7.843h2.797s-1.86 6.639-1.951 6.998c-.177.69-.353 1.316-2.043 1.316c-2.037 0-3.22-.007-3.777 0c-.698.007-1.521-.633-1.296-1.464l1.91-6.85H4.8s-1.6 5.71-1.634 5.857c-.029.148-.19.557.698.564c.64.014.69-.155.803-.564c.268-.922 1.64-5.857 1.64-5.857zm10.272 0l-.507 1.824H9.986l.507-1.824zm-8.404 8.314l1.459-5.244h6.086l-.507 1.823h-3.262l-.95 3.421zm11.47-5.385c-.26.957-.493 1.774-.754 2.738c-.05.17-.162.416-.127.57c.078.367 1.29.226 1.726.226h1.945c-.155.612-.33 1.21-.5 1.81h-4.63c-.676-.064-1.557-.353-1.472-1.226c.028-.274.156-.584.24-.887a1190 1190 0 0 0 1.24-4.463c.176-.648.317-1.197.83-1.457c.333-.17.861-.218 1.255-.24H24q-.245.91-.5 1.81h-2.643c-.317 0-.669-.036-.845.084c-.19.141-.295.775-.366 1.035"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsUfc(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="M6.308 7.843h2.797s-1.86 6.639-1.951 6.998c-.177.69-.353 1.316-2.043 1.316c-2.037 0-3.22-.007-3.777 0c-.698.007-1.521-.633-1.296-1.464l1.91-6.85H4.8s-1.6 5.71-1.634 5.857c-.029.148-.19.557.698.564c.64.014.69-.155.803-.564c.268-.922 1.64-5.857 1.64-5.857zm10.272 0l-.507 1.824H9.986l.507-1.824zm-8.404 8.314l1.459-5.244h6.086l-.507 1.823h-3.262l-.95 3.421zm11.47-5.385c-.26.957-.493 1.774-.754 2.738c-.05.17-.162.416-.127.57c.078.367 1.29.226 1.726.226h1.945c-.155.612-.33 1.21-.5 1.81h-4.63c-.676-.064-1.557-.353-1.472-1.226c.028-.274.156-.584.24-.887a1190 1190 0 0 0 1.24-4.463c.176-.648.317-1.197.83-1.457c.333-.17.861-.218 1.255-.24H24q-.245.91-.5 1.81h-2.643c-.317 0-.669-.036-.845.084c-.19.141-.295.775-.366 1.035"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.308 7.843h2.797s-1.86 6.639-1.951 6.998c-.177.69-.353 1.316-2.043 1.316c-2.037 0-3.22-.007-3.777 0c-.698.007-1.521-.633-1.296-1.464l1.91-6.85H4.8s-1.6 5.71-1.634 5.857c-.029.148-.19.557.698.564c.64.014.69-.155.803-.564c.268-.922 1.64-5.857 1.64-5.857zm10.272 0l-.507 1.824H9.986l.507-1.824zm-8.404 8.314l1.459-5.244h6.086l-.507 1.823h-3.262l-.95 3.421zm11.47-5.385c-.26.957-.493 1.774-.754 2.738c-.05.17-.162.416-.127.57c.078.367 1.29.226 1.726.226h1.945c-.155.612-.33 1.21-.5 1.81h-4.63c-.676-.064-1.557-.353-1.472-1.226c.028-.274.156-.584.24-.887a1190 1190 0 0 0 1.24-4.463c.176-.648.317-1.197.83-1.457c.333-.17.861-.218 1.255-.24H24q-.245.91-.5 1.81h-2.643c-.317 0-.669-.036-.845.084c-.19.141-.295.775-.366 1.035"/></svg>
</template>

CSS

.icon-ufc {
  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%22M6.308%207.843h2.797s-1.86%206.639-1.951%206.998c-.177.69-.353%201.316-2.043%201.316c-2.037%200-3.22-.007-3.777%200c-.698.007-1.521-.633-1.296-1.464l1.91-6.85H4.8s-1.6%205.71-1.634%205.857c-.029.148-.19.557.698.564c.64.014.69-.155.803-.564c.268-.922%201.64-5.857%201.64-5.857zm10.272%200l-.507%201.824H9.986l.507-1.824zm-8.404%208.314l1.459-5.244h6.086l-.507%201.823h-3.262l-.95%203.421zm11.47-5.385c-.26.957-.493%201.774-.754%202.738c-.05.17-.162.416-.127.57c.078.367%201.29.226%201.726.226h1.945c-.155.612-.33%201.21-.5%201.81h-4.63c-.676-.064-1.557-.353-1.472-1.226c.028-.274.156-.584.24-.887a1190%201190%200%200%200%201.24-4.463c.176-.648.317-1.197.83-1.457c.333-.17.861-.218%201.255-.24H24q-.245.91-.5%201.81h-2.643c-.317%200-.669-.036-.845.084c-.19.141-.295.775-.366%201.035%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%22M6.308%207.843h2.797s-1.86%206.639-1.951%206.998c-.177.69-.353%201.316-2.043%201.316c-2.037%200-3.22-.007-3.777%200c-.698.007-1.521-.633-1.296-1.464l1.91-6.85H4.8s-1.6%205.71-1.634%205.857c-.029.148-.19.557.698.564c.64.014.69-.155.803-.564c.268-.922%201.64-5.857%201.64-5.857zm10.272%200l-.507%201.824H9.986l.507-1.824zm-8.404%208.314l1.459-5.244h6.086l-.507%201.823h-3.262l-.95%203.421zm11.47-5.385c-.26.957-.493%201.774-.754%202.738c-.05.17-.162.416-.127.57c.078.367%201.29.226%201.726.226h1.945c-.155.612-.33%201.21-.5%201.81h-4.63c-.676-.064-1.557-.353-1.472-1.226c.028-.274.156-.584.24-.887a1190%201190%200%200%200%201.24-4.463c.176-.648.317-1.197.83-1.457c.333-.17.861-.218%201.255-.24H24q-.245.91-.5%201.81h-2.643c-.317%200-.669-.036-.845.084c-.19.141-.295.775-.366%201.035%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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