trademark icon

trademark from Font Awesome Solid by Dave Gandy · Solid · Business · CC-BY-4.0 Attribution required.

Name
trademark
Set
Font Awesome Solid
Style
Solid
Category
Business
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

trademark-outlinedAnt Design IconstrademarkFont Awesome 6 SolidtrademarkHuge IconstrademarkIconParktrademarkIconPark OutlinetrademarkIconPark SolidtrademarkIconPark TwoTonetrademarkIconoirtrademarkLine AwesometrademarkMaterial Design IconstrademarkPhosphortrademark-fillRemix IcontrademarkTabler IconstrademarkUnicons

More business icons from Font Awesome Solid

address-bookaddress-cardarchivebalance-scalebalance-scale-leftbalance-scale-rightbirthday-cakebookbriefcasebullhornbullseyebusiness-timecalculatorcalendarcalendar-altcertificatechart-areachart-barchart-pieclipboardcolumnscompasscopycopyright

Use the trademark icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M346.6 174.2c-7.8-11.7-22.4-17-35.9-12.9S288 177.9 288 192v256c0 17.7 14.3 32 32 32s32-14.3 32-32V297.7l69.4 104.1c5.9 8.9 15.9 14.2 26.6 14.2s20.7-5.3 26.6-14.2L544 297.7V448c0 17.7 14.3 32 32 32s32-14.3 32-32V192c0-14.1-9.2-26.5-22.7-30.6s-28.1 1.1-35.9 12.9L448 326.3zM32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v224c0 17.7 14.3 32 32 32s32-14.3 32-32V224h64c17.7 0 32-14.3 32-32s-14.3-32-32-32z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidTrademark(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="M346.6 174.2c-7.8-11.7-22.4-17-35.9-12.9S288 177.9 288 192v256c0 17.7 14.3 32 32 32s32-14.3 32-32V297.7l69.4 104.1c5.9 8.9 15.9 14.2 26.6 14.2s20.7-5.3 26.6-14.2L544 297.7V448c0 17.7 14.3 32 32 32s32-14.3 32-32V192c0-14.1-9.2-26.5-22.7-30.6s-28.1 1.1-35.9 12.9L448 326.3zM32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v224c0 17.7 14.3 32 32 32s32-14.3 32-32V224h64c17.7 0 32-14.3 32-32s-14.3-32-32-32z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M346.6 174.2c-7.8-11.7-22.4-17-35.9-12.9S288 177.9 288 192v256c0 17.7 14.3 32 32 32s32-14.3 32-32V297.7l69.4 104.1c5.9 8.9 15.9 14.2 26.6 14.2s20.7-5.3 26.6-14.2L544 297.7V448c0 17.7 14.3 32 32 32s32-14.3 32-32V192c0-14.1-9.2-26.5-22.7-30.6s-28.1 1.1-35.9 12.9L448 326.3zM32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v224c0 17.7 14.3 32 32 32s32-14.3 32-32V224h64c17.7 0 32-14.3 32-32s-14.3-32-32-32z"/></svg>
</template>

CSS

.icon-trademark {
  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%22M346.6%20174.2c-7.8-11.7-22.4-17-35.9-12.9S288%20177.9%20288%20192v256c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V297.7l69.4%20104.1c5.9%208.9%2015.9%2014.2%2026.6%2014.2s20.7-5.3%2026.6-14.2L544%20297.7V448c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V192c0-14.1-9.2-26.5-22.7-30.6s-28.1%201.1-35.9%2012.9L448%20326.3zM32%20160c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h64v224c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V224h64c17.7%200%2032-14.3%2032-32s-14.3-32-32-32z%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%22M346.6%20174.2c-7.8-11.7-22.4-17-35.9-12.9S288%20177.9%20288%20192v256c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V297.7l69.4%20104.1c5.9%208.9%2015.9%2014.2%2026.6%2014.2s20.7-5.3%2026.6-14.2L544%20297.7V448c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V192c0-14.1-9.2-26.5-22.7-30.6s-28.1%201.1-35.9%2012.9L448%20326.3zM32%20160c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h64v224c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V224h64c17.7%200%2032-14.3%2032-32s-14.3-32-32-32z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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