teddy bear icon
teddy-bear-solid from Flowbite Icons by Themesberg · Solid · General · MIT Free for personal and commercial use.
- Name
- teddy-bear-solid
- Set
- Flowbite Icons
- Style
- Solid
- Category
- General
- Viewbox
- 24×24
- License
- MIT
1 other variant in Flowbite Icons
The same icon in other sets
More general icons from Flowbite Icons
add-column-after-outlineadd-column-before-outlineadjustments-horizontal-outlineadjustments-vertical-outlineannotation-outlineapi-key-outlinearchive-outlinearrow-up-right-from-square-outlineatom-outlineaward-outlinebadge-check-outlineban-outlinebarcode-outlinebars-from-left-outlinebars-outlinebattery-outlinebed-outlinebell-active-alt-outlinebell-active-outlinebell-outlinebell-ring-outlineblender-phone-outlinebook-open-outlinebook-outline
Use the teddy bear icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.451 3.244C9.911 2.514 9.052 2 8.038 2C6.378 2 5 3.326 5 5c0 1.315.88 2.36 2.004 2.787a5 5 0 0 0 .177 1.55L6.08 9.65a2.868 2.868 0 0 0-.802 5.145A3.5 3.5 0 1 0 10.663 19h2.674a3.5 3.5 0 1 0 5.11-4.409a2.865 2.865 0 0 0-.954-4.953l-.696-.223a5 5 0 0 0 .2-1.588l-.001-.031C18.128 7.367 19 6.311 19 5c0-1.684-1.397-3-3.059-3c-1.005 0-1.841.554-2.384 1.247A5 5 0 0 0 12 3c-.54 0-1.061.086-1.549.244M8.685 4.257c-.49.435-.895.964-1.184 1.56C7.193 5.624 7 5.304 7 5c0-.535.447-1 1.038-1a1 1 0 0 1 .647.257M17 5c0 .31-.19.63-.497.824a5 5 0 0 0-1.174-1.555c.197-.169.423-.269.612-.269C16.553 4 17 4.475 17 5m-2 12.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 0 0-3 0m-9 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 0 0-3 0m5.043-10.012a.5.5 0 0 0-1 0v.01a.5.5 0 0 0 1 0zm3.023.01a.5.5 0 0 0-1 0v.01a.5.5 0 1 0 1 0zM13 9.052a1 1 0 1 0-2 0v.01a1 1 0 1 0 2 0z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function FlowbiteTeddyBearSolid(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" fillRule="evenodd" d="M10.451 3.244C9.911 2.514 9.052 2 8.038 2C6.378 2 5 3.326 5 5c0 1.315.88 2.36 2.004 2.787a5 5 0 0 0 .177 1.55L6.08 9.65a2.868 2.868 0 0 0-.802 5.145A3.5 3.5 0 1 0 10.663 19h2.674a3.5 3.5 0 1 0 5.11-4.409a2.865 2.865 0 0 0-.954-4.953l-.696-.223a5 5 0 0 0 .2-1.588l-.001-.031C18.128 7.367 19 6.311 19 5c0-1.684-1.397-3-3.059-3c-1.005 0-1.841.554-2.384 1.247A5 5 0 0 0 12 3c-.54 0-1.061.086-1.549.244M8.685 4.257c-.49.435-.895.964-1.184 1.56C7.193 5.624 7 5.304 7 5c0-.535.447-1 1.038-1a1 1 0 0 1 .647.257M17 5c0 .31-.19.63-.497.824a5 5 0 0 0-1.174-1.555c.197-.169.423-.269.612-.269C16.553 4 17 4.475 17 5m-2 12.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 0 0-3 0m-9 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 0 0-3 0m5.043-10.012a.5.5 0 0 0-1 0v.01a.5.5 0 0 0 1 0zm3.023.01a.5.5 0 0 0-1 0v.01a.5.5 0 1 0 1 0zM13 9.052a1 1 0 1 0-2 0v.01a1 1 0 1 0 2 0z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.451 3.244C9.911 2.514 9.052 2 8.038 2C6.378 2 5 3.326 5 5c0 1.315.88 2.36 2.004 2.787a5 5 0 0 0 .177 1.55L6.08 9.65a2.868 2.868 0 0 0-.802 5.145A3.5 3.5 0 1 0 10.663 19h2.674a3.5 3.5 0 1 0 5.11-4.409a2.865 2.865 0 0 0-.954-4.953l-.696-.223a5 5 0 0 0 .2-1.588l-.001-.031C18.128 7.367 19 6.311 19 5c0-1.684-1.397-3-3.059-3c-1.005 0-1.841.554-2.384 1.247A5 5 0 0 0 12 3c-.54 0-1.061.086-1.549.244M8.685 4.257c-.49.435-.895.964-1.184 1.56C7.193 5.624 7 5.304 7 5c0-.535.447-1 1.038-1a1 1 0 0 1 .647.257M17 5c0 .31-.19.63-.497.824a5 5 0 0 0-1.174-1.555c.197-.169.423-.269.612-.269C16.553 4 17 4.475 17 5m-2 12.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 0 0-3 0m-9 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 0 0-3 0m5.043-10.012a.5.5 0 0 0-1 0v.01a.5.5 0 0 0 1 0zm3.023.01a.5.5 0 0 0-1 0v.01a.5.5 0 1 0 1 0zM13 9.052a1 1 0 1 0-2 0v.01a1 1 0 1 0 2 0z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-teddy-bear-solid {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M10.451%203.244C9.911%202.514%209.052%202%208.038%202C6.378%202%205%203.326%205%205c0%201.315.88%202.36%202.004%202.787a5%205%200%200%200%20.177%201.55L6.08%209.65a2.868%202.868%200%200%200-.802%205.145A3.5%203.5%200%201%200%2010.663%2019h2.674a3.5%203.5%200%201%200%205.11-4.409a2.865%202.865%200%200%200-.954-4.953l-.696-.223a5%205%200%200%200%20.2-1.588l-.001-.031C18.128%207.367%2019%206.311%2019%205c0-1.684-1.397-3-3.059-3c-1.005%200-1.841.554-2.384%201.247A5%205%200%200%200%2012%203c-.54%200-1.061.086-1.549.244M8.685%204.257c-.49.435-.895.964-1.184%201.56C7.193%205.624%207%205.304%207%205c0-.535.447-1%201.038-1a1%201%200%200%201%20.647.257M17%205c0%20.31-.19.63-.497.824a5%205%200%200%200-1.174-1.555c.197-.169.423-.269.612-.269C16.553%204%2017%204.475%2017%205m-2%2012.5a1.5%201.5%200%201%200%203%200a1.5%201.5%200%200%200-3%200m-9%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%200%200-3%200m5.043-10.012a.5.5%200%200%200-1%200v.01a.5.5%200%200%200%201%200zm3.023.01a.5.5%200%200%200-1%200v.01a.5.5%200%201%200%201%200zM13%209.052a1%201%200%201%200-2%200v.01a1%201%200%201%200%202%200z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M10.451%203.244C9.911%202.514%209.052%202%208.038%202C6.378%202%205%203.326%205%205c0%201.315.88%202.36%202.004%202.787a5%205%200%200%200%20.177%201.55L6.08%209.65a2.868%202.868%200%200%200-.802%205.145A3.5%203.5%200%201%200%2010.663%2019h2.674a3.5%203.5%200%201%200%205.11-4.409a2.865%202.865%200%200%200-.954-4.953l-.696-.223a5%205%200%200%200%20.2-1.588l-.001-.031C18.128%207.367%2019%206.311%2019%205c0-1.684-1.397-3-3.059-3c-1.005%200-1.841.554-2.384%201.247A5%205%200%200%200%2012%203c-.54%200-1.061.086-1.549.244M8.685%204.257c-.49.435-.895.964-1.184%201.56C7.193%205.624%207%205.304%207%205c0-.535.447-1%201.038-1a1%201%200%200%201%20.647.257M17%205c0%20.31-.19.63-.497.824a5%205%200%200%200-1.174-1.555c.197-.169.423-.269.612-.269C16.553%204%2017%204.475%2017%205m-2%2012.5a1.5%201.5%200%201%200%203%200a1.5%201.5%200%200%200-3%200m-9%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%200%200-3%200m5.043-10.012a.5.5%200%200%200-1%200v.01a.5.5%200%200%200%201%200zm3.023.01a.5.5%200%200%200-1%200v.01a.5.5%200%201%200%201%200zM13%209.052a1%201%200%201%200-2%200v.01a1%201%200%201%200%202%200z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/teddy-bear-solid.svg?color=%231a73e8&size=48
