tumblr logo

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

Name
tumblr
Set
Font Awesome 6 Brands
Style
Regular
Viewbox
320×512
License
CC BY 4.0

The same logo in other sets

tumblr-fillAkar IconstumblrBoxicons BrandstumblrCoreUI BrandstumblrFont Awesome BrandstumblrHuge IconstumblrIconParktumblrIconPark OutlinetumblrIconPark SolidtumblrIconPark TwoTonetumblrJam IconstumblrLine AwesometumblrSVG LogostumblrMaterial Design Iconstumblr-fillRemix IcontumblrSimple IconstumblrUniconstumblrUnicons Monochrome

Use the tumblr logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7c-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16c62-21.8 81.5-76 84.3-117.1c.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8c4.8-1.9 9-3.2 12.7-2.2c3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsTumblr(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7c-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16c62-21.8 81.5-76 84.3-117.1c.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8c4.8-1.9 9-3.2 12.7-2.2c3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7c-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16c62-21.8 81.5-76 84.3-117.1c.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8c4.8-1.9 9-3.2 12.7-2.2c3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5"/></svg>
</template>

CSS

.icon-tumblr {
  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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M309.8%20480.3c-13.6%2014.5-50%2031.7-97.4%2031.7c-120.8%200-147-88.8-147-140.6v-144H17.9c-5.5%200-10-4.5-10-10v-68c0-7.2%204.5-13.6%2011.3-16c62-21.8%2081.5-76%2084.3-117.1c.8-11%206.5-16.3%2016.1-16.3h70.9c5.5%200%2010%204.5%2010%2010v115.2h83c5.5%200%2010%204.4%2010%209.9v81.7c0%205.5-4.5%2010-10%2010h-83.4V360c0%2034.2%2023.7%2053.6%2068%2035.8c4.8-1.9%209-3.2%2012.7-2.2c3.5.9%205.8%203.4%207.4%207.9l22%2064.3c1.8%205%203.3%2010.6-.4%2014.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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M309.8%20480.3c-13.6%2014.5-50%2031.7-97.4%2031.7c-120.8%200-147-88.8-147-140.6v-144H17.9c-5.5%200-10-4.5-10-10v-68c0-7.2%204.5-13.6%2011.3-16c62-21.8%2081.5-76%2084.3-117.1c.8-11%206.5-16.3%2016.1-16.3h70.9c5.5%200%2010%204.5%2010%2010v115.2h83c5.5%200%2010%204.4%2010%209.9v81.7c0%205.5-4.5%2010-10%2010h-83.4V360c0%2034.2%2023.7%2053.6%2068%2035.8c4.8-1.9%209-3.2%2012.7-2.2c3.5.9%205.8%203.4%207.4%207.9l22%2064.3c1.8%205%203.3%2010.6-.4%2014.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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