Teddybear icon

whh:teddybear

The Teddybear icon (whh:teddybear) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 897 grid. WebHostingHub Glyphs 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: WebHostingHub Glyphs
Author: WebHostingHub
License: OFL-1.1
Size: 1024 × 897

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="897" viewBox="0 0 1024 897"><path fill="currentColor" d="M987 283q-25 25-63 33q36 79 36 165q0 113-60 209T737 841.5T512 897t-225-55.5T124 690T64 481q0-86 36-165q-38-8-63-33q-42-42-36-108T57.5 58T174 1t109 37q27 27 34 68q93-41 195-41t195 41q8-41 34-68Q784-5 850 1t116.5 57t56.5 117t-36 108M233 87q-25-26-64.5-22t-70 34.5t-34 70T86 234q19 20 49 22q48-69 120-116q-1-33-22-53m86.5 234q-26.5 0-45 18.5t-18.5 45t18.5 45.5t45 19t45.5-19t19-45.5t-19-45t-45.5-18.5m385 0q-26.5 0-45.5 18.5t-19 45t19 45.5t45.5 19t45-19t18.5-45.5t-18.5-45t-45-18.5M512 513q-106 0-181 47t-75 113t75 113t181 47t181-47t75-113t-75-113t-181-47M925.5 99.5q-30.5-30.5-70-34T791 87q-21 21-22 53q72 47 120 116q30-2 49-22q25-25 21.5-64.5t-34-70M512 705q-32 0-80-21t-48-43q0-48 16-56t112-8t112 8t16 56q0 23-48 43.5T512 705"/></svg>

How to use the Teddybear icon

React

import { Icon } from "@iconify/react";

<Icon icon="whh:teddybear" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="whh:teddybear" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="whh:teddybear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--teddybear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:teddybear"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="whh:teddybear"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/whh/teddybear.svg" alt="Teddybear icon" width="24" height="24">

Teddybear icon FAQ

Is the Teddybear icon free for commercial use?

Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Teddybear icon in React?

Install @iconify/react and render <Icon icon="whh:teddybear" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Teddybear icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/teddybear.svg" alt="Teddybear icon">, or paste the SVG code inline to style it with CSS.

Browse all WebHostingHub Glyphs icons →