Tumblr icon
el:tumblr
The Tumblr icon (el:tumblr) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1200 0v1200H0V0zM698.943 874.63c-20.393-5.684-40.498-12.145-56.448-24.735q-9.514-7.611-9.514-13.953V528.964H827.06v-134.46H632.981v-202.96H521.354c-8.321 104.2-63.527 202.96-172.517 202.96v134.46h92.601v332.347c.382 52.267 24.514 97.235 66.598 121.144c39.829 20.617 81.797 25.865 123.679 26.004c41.049-.2 84.731.617 123.679-1.903c34.102-1.224 66.789-9.025 95.771-23.467V838.477v1.269q-25.37 16.49-55.813 27.907c-34.048 11.164-64.44 14.827-96.409 6.977"/></svg>
How to use the Tumblr icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:tumblr" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:tumblr" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:tumblr" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--tumblr]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:tumblr"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:tumblr"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/tumblr.svg" alt="Tumblr icon" width="24" height="24">
Tumblr icon in other icon sets
Tumblr icon FAQ
Is the Tumblr icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Tumblr icon in React?
Install @iconify/react and render <Icon icon="el:tumblr" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tumblr icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/tumblr.svg" alt="Tumblr icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
