logo tumblr icon

logo-tumblr from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: logo-tumblr
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT
Aliases: logo-tumblr-outline, social-tumblr

The same icon in other sets

Use the logo tumblr icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M390 32H120c-49.19 0-88 38.81-88 88v270c0 49.19 38.81 90 88 90h270c49.19 0 90-40.81 90-90V120c0-49.19-40.81-88-90-88m-54 364h-52c-42.51 0-72-23.68-72-76v-80h-36v-48c42.51-11 57.95-48.32 60-80h44v72h52v56h-52l-.39 70.51c0 21.87 11 29.43 28.62 29.43L336 340Z"/></svg>

React

import type { SVGProps } from "react";

export function IonLogoTumblr(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M390 32H120c-49.19 0-88 38.81-88 88v270c0 49.19 38.81 90 88 90h270c49.19 0 90-40.81 90-90V120c0-49.19-40.81-88-90-88m-54 364h-52c-42.51 0-72-23.68-72-76v-80h-36v-48c42.51-11 57.95-48.32 60-80h44v72h52v56h-52l-.39 70.51c0 21.87 11 29.43 28.62 29.43L336 340Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M390 32H120c-49.19 0-88 38.81-88 88v270c0 49.19 38.81 90 88 90h270c49.19 0 90-40.81 90-90V120c0-49.19-40.81-88-90-88m-54 364h-52c-42.51 0-72-23.68-72-76v-80h-36v-48c42.51-11 57.95-48.32 60-80h44v72h52v56h-52l-.39 70.51c0 21.87 11 29.43 28.62 29.43L336 340Z"/></svg>
</template>

CSS

.icon-logo-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M390%2032H120c-49.19%200-88%2038.81-88%2088v270c0%2049.19%2038.81%2090%2088%2090h270c49.19%200%2090-40.81%2090-90V120c0-49.19-40.81-88-90-88m-54%20364h-52c-42.51%200-72-23.68-72-76v-80h-36v-48c42.51-11%2057.95-48.32%2060-80h44v72h52v56h-52l-.39%2070.51c0%2021.87%2011%2029.43%2028.62%2029.43L336%20340Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M390%2032H120c-49.19%200-88%2038.81-88%2088v270c0%2049.19%2038.81%2090%2088%2090h270c49.19%200%2090-40.81%2090-90V120c0-49.19-40.81-88-90-88m-54%20364h-52c-42.51%200-72-23.68-72-76v-80h-36v-48c42.51-11%2057.95-48.32%2060-80h44v72h52v56h-52l-.39%2070.51c0%2021.87%2011%2029.43%2028.62%2029.43L336%20340Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

logo tumblr icon

The same icon in other sets

Related icons in IonIcons

Use the logo tumblr icon

SVG

React

Vue

CSS