tumblr alt icon
tumblr-alt from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- tumblr-alt
- Set
- Unicons
- Style
- Line
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More brand logos icons from Unicons
Use the tumblr alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.434 20.508l-.962-2.853a1 1 0 0 0-1.38-.583a3.8 3.8 0 0 1-1.208.249a.94.94 0 0 1-.66-.165a1.2 1.2 0 0 1-.239-.808V12h3.017a1 1 0 0 0 1-1V7.095a1 1 0 0 0-1-1H13V2a1 1 0 0 0-1-1H9.07a1.15 1.15 0 0 0-1.137 1.04a5.09 5.09 0 0 1-3.28 4.558a1 1 0 0 0-.662.94v3.585a1 1 0 0 0 1 1h1.025v4.535a6.4 6.4 0 0 0 1.886 4.478A6.9 6.9 0 0 0 12.877 23h.163c1.546-.026 3.618-.648 4.273-1.608a1 1 0 0 0 .12-.883m-4.427.49a4.87 4.87 0 0 1-3.702-1.288a4.37 4.37 0 0 1-1.29-3.052v-5.535a1 1 0 0 0-1-1H5.992V8.206A6.95 6.95 0 0 0 9.81 3H11v4.095a1 1 0 0 0 1 1h3.002V10h-3.017a1 1 0 0 0-1 1v5.365a3.08 3.08 0 0 0 .857 2.235a2.77 2.77 0 0 0 2.096.72a6 6 0 0 0 .947-.113l.425 1.26a5.9 5.9 0 0 1-2.303.531"/></svg>
React
import type { SVGProps } from "react";
export function UilTumblrAlt(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="m17.434 20.508l-.962-2.853a1 1 0 0 0-1.38-.583a3.8 3.8 0 0 1-1.208.249a.94.94 0 0 1-.66-.165a1.2 1.2 0 0 1-.239-.808V12h3.017a1 1 0 0 0 1-1V7.095a1 1 0 0 0-1-1H13V2a1 1 0 0 0-1-1H9.07a1.15 1.15 0 0 0-1.137 1.04a5.09 5.09 0 0 1-3.28 4.558a1 1 0 0 0-.662.94v3.585a1 1 0 0 0 1 1h1.025v4.535a6.4 6.4 0 0 0 1.886 4.478A6.9 6.9 0 0 0 12.877 23h.163c1.546-.026 3.618-.648 4.273-1.608a1 1 0 0 0 .12-.883m-4.427.49a4.87 4.87 0 0 1-3.702-1.288a4.37 4.37 0 0 1-1.29-3.052v-5.535a1 1 0 0 0-1-1H5.992V8.206A6.95 6.95 0 0 0 9.81 3H11v4.095a1 1 0 0 0 1 1h3.002V10h-3.017a1 1 0 0 0-1 1v5.365a3.08 3.08 0 0 0 .857 2.235a2.77 2.77 0 0 0 2.096.72a6 6 0 0 0 .947-.113l.425 1.26a5.9 5.9 0 0 1-2.303.531"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.434 20.508l-.962-2.853a1 1 0 0 0-1.38-.583a3.8 3.8 0 0 1-1.208.249a.94.94 0 0 1-.66-.165a1.2 1.2 0 0 1-.239-.808V12h3.017a1 1 0 0 0 1-1V7.095a1 1 0 0 0-1-1H13V2a1 1 0 0 0-1-1H9.07a1.15 1.15 0 0 0-1.137 1.04a5.09 5.09 0 0 1-3.28 4.558a1 1 0 0 0-.662.94v3.585a1 1 0 0 0 1 1h1.025v4.535a6.4 6.4 0 0 0 1.886 4.478A6.9 6.9 0 0 0 12.877 23h.163c1.546-.026 3.618-.648 4.273-1.608a1 1 0 0 0 .12-.883m-4.427.49a4.87 4.87 0 0 1-3.702-1.288a4.37 4.37 0 0 1-1.29-3.052v-5.535a1 1 0 0 0-1-1H5.992V8.206A6.95 6.95 0 0 0 9.81 3H11v4.095a1 1 0 0 0 1 1h3.002V10h-3.017a1 1 0 0 0-1 1v5.365a3.08 3.08 0 0 0 .857 2.235a2.77 2.77 0 0 0 2.096.72a6 6 0 0 0 .947-.113l.425 1.26a5.9 5.9 0 0 1-2.303.531"/></svg> </template>
CSS
.icon-tumblr-alt {
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%22m17.434%2020.508l-.962-2.853a1%201%200%200%200-1.38-.583a3.8%203.8%200%200%201-1.208.249a.94.94%200%200%201-.66-.165a1.2%201.2%200%200%201-.239-.808V12h3.017a1%201%200%200%200%201-1V7.095a1%201%200%200%200-1-1H13V2a1%201%200%200%200-1-1H9.07a1.15%201.15%200%200%200-1.137%201.04a5.09%205.09%200%200%201-3.28%204.558a1%201%200%200%200-.662.94v3.585a1%201%200%200%200%201%201h1.025v4.535a6.4%206.4%200%200%200%201.886%204.478A6.9%206.9%200%200%200%2012.877%2023h.163c1.546-.026%203.618-.648%204.273-1.608a1%201%200%200%200%20.12-.883m-4.427.49a4.87%204.87%200%200%201-3.702-1.288a4.37%204.37%200%200%201-1.29-3.052v-5.535a1%201%200%200%200-1-1H5.992V8.206A6.95%206.95%200%200%200%209.81%203H11v4.095a1%201%200%200%200%201%201h3.002V10h-3.017a1%201%200%200%200-1%201v5.365a3.08%203.08%200%200%200%20.857%202.235a2.77%202.77%200%200%200%202.096.72a6%206%200%200%200%20.947-.113l.425%201.26a5.9%205.9%200%200%201-2.303.531%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%22m17.434%2020.508l-.962-2.853a1%201%200%200%200-1.38-.583a3.8%203.8%200%200%201-1.208.249a.94.94%200%200%201-.66-.165a1.2%201.2%200%200%201-.239-.808V12h3.017a1%201%200%200%200%201-1V7.095a1%201%200%200%200-1-1H13V2a1%201%200%200%200-1-1H9.07a1.15%201.15%200%200%200-1.137%201.04a5.09%205.09%200%200%201-3.28%204.558a1%201%200%200%200-.662.94v3.585a1%201%200%200%200%201%201h1.025v4.535a6.4%206.4%200%200%200%201.886%204.478A6.9%206.9%200%200%200%2012.877%2023h.163c1.546-.026%203.618-.648%204.273-1.608a1%201%200%200%200%20.12-.883m-4.427.49a4.87%204.87%200%200%201-3.702-1.288a4.37%204.37%200%200%201-1.29-3.052v-5.535a1%201%200%200%200-1-1H5.992V8.206A6.95%206.95%200%200%200%209.81%203H11v4.095a1%201%200%200%200%201%201h3.002V10h-3.017a1%201%200%200%200-1%201v5.365a3.08%203.08%200%200%200%20.857%202.235a2.77%202.77%200%200%200%202.096.72a6%206%200%200%200%20.947-.113l.425%201.26a5.9%205.9%200%200%201-2.303.531%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/tumblr-alt.svg?color=%231a73e8&size=48
