tumblr icon
tumblr-fill from Akar Icons by Arturo Wibawa · Fill · MIT Free for personal and commercial use.
- Name
- tumblr-fill
- Set
- Akar Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
tumblrBoxicons BrandstumblrCoreUI BrandstumblrFont Awesome 6 BrandstumblrFont Awesome BrandstumblrHuge IconstumblrIconParktumblrIconPark OutlinetumblrIconPark SolidtumblrIconPark TwoTonetumblrJam IconstumblrLine AwesometumblrSVG LogostumblrMaterial Design Iconstumblr-fillRemix IcontumblrSimple IconstumblrUniconstumblrUnicons Monochrome
Use the tumblr icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGXv8lpc2Y)"><path fill="currentColor" d="M18.895 22.517c-.798.867-2.646 1.456-4.301 1.483h-.182c-5.557 0-6.766-4.164-6.766-6.594v-6.748H5.458a.45.45 0 0 1-.324-.137a.47.47 0 0 1-.134-.33V7.003a.8.8 0 0 1 .142-.458a.8.8 0 0 1 .376-.29c2.855-1.026 3.748-3.562 3.87-5.49c.035-.516.297-.765.738-.765H13.4a.45.45 0 0 1 .33.134a.47.47 0 0 1 .137.333V5.87h3.823c.121 0 .238.05.324.137a.47.47 0 0 1 .134.33v3.83a.47.47 0 0 1-.134.33a.45.45 0 0 1-.324.138h-3.84v6.245c0 1.568 1.015 2.001 1.64 2.001a4.5 4.5 0 0 0 1.488-.321a.97.97 0 0 1 .595-.106a.48.48 0 0 1 .34.37l1.012 3.014c.068.237.14.498-.03.68"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function AkarIconsTumblrFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGXv8lpc2Y)"><path fill="currentColor" d="M18.895 22.517c-.798.867-2.646 1.456-4.301 1.483h-.182c-5.557 0-6.766-4.164-6.766-6.594v-6.748H5.458a.45.45 0 0 1-.324-.137a.47.47 0 0 1-.134-.33V7.003a.8.8 0 0 1 .142-.458a.8.8 0 0 1 .376-.29c2.855-1.026 3.748-3.562 3.87-5.49c.035-.516.297-.765.738-.765H13.4a.45.45 0 0 1 .33.134a.47.47 0 0 1 .137.333V5.87h3.823c.121 0 .238.05.324.137a.47.47 0 0 1 .134.33v3.83a.47.47 0 0 1-.134.33a.45.45 0 0 1-.324.138h-3.84v6.245c0 1.568 1.015 2.001 1.64 2.001a4.5 4.5 0 0 0 1.488-.321a.97.97 0 0 1 .595-.106a.48.48 0 0 1 .34.37l1.012 3.014c.068.237.14.498-.03.68"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGXv8lpc2Y)"><path fill="currentColor" d="M18.895 22.517c-.798.867-2.646 1.456-4.301 1.483h-.182c-5.557 0-6.766-4.164-6.766-6.594v-6.748H5.458a.45.45 0 0 1-.324-.137a.47.47 0 0 1-.134-.33V7.003a.8.8 0 0 1 .142-.458a.8.8 0 0 1 .376-.29c2.855-1.026 3.748-3.562 3.87-5.49c.035-.516.297-.765.738-.765H13.4a.45.45 0 0 1 .33.134a.47.47 0 0 1 .137.333V5.87h3.823c.121 0 .238.05.324.137a.47.47 0 0 1 .134.33v3.83a.47.47 0 0 1-.134.33a.45.45 0 0 1-.324.138h-3.84v6.245c0 1.568 1.015 2.001 1.64 2.001a4.5 4.5 0 0 0 1.488-.321a.97.97 0 0 1 .595-.106a.48.48 0 0 1 .34.37l1.012 3.014c.068.237.14.498-.03.68"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-tumblr-fill {
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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGXv8lpc2Y)%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.895%2022.517c-.798.867-2.646%201.456-4.301%201.483h-.182c-5.557%200-6.766-4.164-6.766-6.594v-6.748H5.458a.45.45%200%200%201-.324-.137a.47.47%200%200%201-.134-.33V7.003a.8.8%200%200%201%20.142-.458a.8.8%200%200%201%20.376-.29c2.855-1.026%203.748-3.562%203.87-5.49c.035-.516.297-.765.738-.765H13.4a.45.45%200%200%201%20.33.134a.47.47%200%200%201%20.137.333V5.87h3.823c.121%200%20.238.05.324.137a.47.47%200%200%201%20.134.33v3.83a.47.47%200%200%201-.134.33a.45.45%200%200%201-.324.138h-3.84v6.245c0%201.568%201.015%202.001%201.64%202.001a4.5%204.5%200%200%200%201.488-.321a.97.97%200%200%201%20.595-.106a.48.48%200%200%201%20.34.37l1.012%203.014c.068.237.14.498-.03.68%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGXv8lpc2Y%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGXv8lpc2Y)%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.895%2022.517c-.798.867-2.646%201.456-4.301%201.483h-.182c-5.557%200-6.766-4.164-6.766-6.594v-6.748H5.458a.45.45%200%200%201-.324-.137a.47.47%200%200%201-.134-.33V7.003a.8.8%200%200%201%20.142-.458a.8.8%200%200%201%20.376-.29c2.855-1.026%203.748-3.562%203.87-5.49c.035-.516.297-.765.738-.765H13.4a.45.45%200%200%201%20.33.134a.47.47%200%200%201%20.137.333V5.87h3.823c.121%200%20.238.05.324.137a.47.47%200%200%201%20.134.33v3.83a.47.47%200%200%201-.134.33a.45.45%200%200%201-.324.138h-3.84v6.245c0%201.568%201.015%202.001%201.64%202.001a4.5%204.5%200%200%200%201.488-.321a.97.97%200%200%201%20.595-.106a.48.48%200%200%201%20.34.37l1.012%203.014c.068.237.14.498-.03.68%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGXv8lpc2Y%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/akar-icons/tumblr-fill.svg?color=%231a73e8&size=48
