teddy icon
teddy-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- teddy-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
Use the teddy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M5.5 3a3.5 3.5 0 0 0-2.853 5.528c.998-2.171 3.055-3.775 5.496-4.323A3.5 3.5 0 0 0 5.5 3m12.499 3.5c0 .756-.24 1.455-.647 2.027c-.998-2.171-3.055-3.775-5.496-4.322A3.5 3.5 0 0 1 17.999 6.5M3 11.5C3 7.873 6.172 5 10 5s7 2.873 7 6.5c0 1.665-.669 3.172-1.763 4.314a5.503 5.503 0 0 0-10.474 0C3.67 14.672 3 13.165 3 11.5m8.328 1.699a4.51 4.51 0 0 1 3.073 3.356A7.33 7.33 0 0 1 10 18a7.33 7.33 0 0 1-4.4-1.445a4.51 4.51 0 0 1 3.072-3.356a1.5 1.5 0 0 0 2.656 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentTeddy20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M5.5 3a3.5 3.5 0 0 0-2.853 5.528c.998-2.171 3.055-3.775 5.496-4.323A3.5 3.5 0 0 0 5.5 3m12.499 3.5c0 .756-.24 1.455-.647 2.027c-.998-2.171-3.055-3.775-5.496-4.322A3.5 3.5 0 0 1 17.999 6.5M3 11.5C3 7.873 6.172 5 10 5s7 2.873 7 6.5c0 1.665-.669 3.172-1.763 4.314a5.503 5.503 0 0 0-10.474 0C3.67 14.672 3 13.165 3 11.5m8.328 1.699a4.51 4.51 0 0 1 3.073 3.356A7.33 7.33 0 0 1 10 18a7.33 7.33 0 0 1-4.4-1.445a4.51 4.51 0 0 1 3.072-3.356a1.5 1.5 0 0 0 2.656 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M5.5 3a3.5 3.5 0 0 0-2.853 5.528c.998-2.171 3.055-3.775 5.496-4.323A3.5 3.5 0 0 0 5.5 3m12.499 3.5c0 .756-.24 1.455-.647 2.027c-.998-2.171-3.055-3.775-5.496-4.322A3.5 3.5 0 0 1 17.999 6.5M3 11.5C3 7.873 6.172 5 10 5s7 2.873 7 6.5c0 1.665-.669 3.172-1.763 4.314a5.503 5.503 0 0 0-10.474 0C3.67 14.672 3 13.165 3 11.5m8.328 1.699a4.51 4.51 0 0 1 3.073 3.356A7.33 7.33 0 0 1 10 18a7.33 7.33 0 0 1-4.4-1.445a4.51 4.51 0 0 1 3.072-3.356a1.5 1.5 0 0 0 2.656 0"/></svg> </template>
CSS
.icon-teddy-20-filled {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.5%203a3.5%203.5%200%200%200-2.853%205.528c.998-2.171%203.055-3.775%205.496-4.323A3.5%203.5%200%200%200%205.5%203m12.499%203.5c0%20.756-.24%201.455-.647%202.027c-.998-2.171-3.055-3.775-5.496-4.322A3.5%203.5%200%200%201%2017.999%206.5M3%2011.5C3%207.873%206.172%205%2010%205s7%202.873%207%206.5c0%201.665-.669%203.172-1.763%204.314a5.503%205.503%200%200%200-10.474%200C3.67%2014.672%203%2013.165%203%2011.5m8.328%201.699a4.51%204.51%200%200%201%203.073%203.356A7.33%207.33%200%200%201%2010%2018a7.33%207.33%200%200%201-4.4-1.445a4.51%204.51%200%200%201%203.072-3.356a1.5%201.5%200%200%200%202.656%200%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.5%203a3.5%203.5%200%200%200-2.853%205.528c.998-2.171%203.055-3.775%205.496-4.323A3.5%203.5%200%200%200%205.5%203m12.499%203.5c0%20.756-.24%201.455-.647%202.027c-.998-2.171-3.055-3.775-5.496-4.322A3.5%203.5%200%200%201%2017.999%206.5M3%2011.5C3%207.873%206.172%205%2010%205s7%202.873%207%206.5c0%201.665-.669%203.172-1.763%204.314a5.503%205.503%200%200%200-10.474%200C3.67%2014.672%203%2013.165%203%2011.5m8.328%201.699a4.51%204.51%200%200%201%203.073%203.356A7.33%207.33%200%200%201%2010%2018a7.33%207.33%200%200%201-4.4-1.445a4.51%204.51%200%200%201%203.072-3.356a1.5%201.5%200%200%200%202.656%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/teddy-20-filled.svg?color=%231a73e8&size=48
