Blender icon
thesvg-color:blender
The Blender icon (thesvg-color:blender) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 2473 × 1997 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 2473 × 1997
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2473" height="1997" viewBox="0 0 2473 1997"><path fill="#fff" d="M2007 1486a539 539 0 0 1-387 158c-150 0-288-57-387-157c-48-49-84-105-106-166a429 429 0 0 1 29-358c29-52 69-100 118-140c96-78 218-120 346-120s250 41 346 119c49 40 89 87 117 140a437 437 0 0 1-77 524z"/><path fill="#005385" d="M1300 1143c5-81 45-153 105-204c59-50 139-81 226-81c86 0 166 31 225 81c60 51 100 123 105 204c4 84-29 162-88 220c-61 58-146 95-242 95s-182-37-243-95c-59-58-92-136-88-220"/><path fill="#ff7021" d="M775 1308c0 32 10 94 26 143c32 102 86 197 162 281c78 85 173 154 284 203a913 913 0 0 0 746-1a844 844 0 0 0 283-205a757 757 0 0 0 193-438a721 721 0 0 0-109-440a795 795 0 0 0-188-208L1408 57l-2-2c-50-38-135-38-190 0c-55 39-62 104-12 145l318 259l-971 1h-1c-81 0-158 53-173 119c-16 68 39 124 122 125l492-1l-878 674l-3 3c-83 63-110 169-58 235c53 68 166 68 250 1l479-393s-7 53-7 85zm1232 178a539 539 0 0 1-387 158c-150 0-288-57-387-157c-48-49-84-105-106-166a429 429 0 0 1 29-358c29-52 69-100 118-140c96-78 218-120 346-120s250 41 346 119c49 40 89 87 117 140a437 437 0 0 1-77 524z"/></svg>
How to use the Blender icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:blender" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:blender" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:blender" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--blender]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:blender"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:blender"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/blender.svg" alt="Blender icon" width="24" height="24">
Blender icon in other icon sets
Blender icon FAQ
Is the Blender icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Blender icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:blender" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Blender icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/blender.svg" alt="Blender icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG Color icons →
ICONYZ
