paw icon
paw-48 from Fluent UI System Color Icons by Microsoft Corporation · 48 · MIT Free for personal and commercial use.
- Name
- paw-48
- Set
- Fluent UI System Color Icons
- Style
- 48
- Viewbox
- 48×48
- License
- MIT
5 other variants in Fluent UI System Color Icons
The same icon in other sets
Use the paw icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGv7PqEecP)" d="M10 34c0-7.732 6.268-14 14-14s14 6.268 14 14q0 .255-.01.508c-.09 2.551-1.478 4.464-3.353 5.694C32.789 41.415 30.433 42 28.169 42h-8.338c-2.264 0-4.62-.585-6.468-1.798c-1.875-1.23-3.263-3.143-3.354-5.694Q10 34.255 10 34"/><path fill="url(#SVGXzjAkerA)" d="M18.25 6c-2.84 0-4.75 2.7-4.75 5.5s1.91 5.5 4.75 5.5S23 14.3 23 11.5S21.09 6 18.25 6M3 17.5C3 14.7 4.91 12 7.75 12s4.75 2.7 4.75 5.5S10.59 23 7.75 23S3 20.3 3 17.5m22.5-6c0-2.8 1.91-5.5 4.75-5.5S35 8.7 35 11.5S33.09 17 30.25 17s-4.75-2.7-4.75-5.5m10 6c0-2.8 1.91-5.5 4.75-5.5S45 14.7 45 17.5S43.09 23 40.25 23s-4.75-2.7-4.75-5.5"/><defs><radialGradient id="SVGXzjAkerA" cx="0" cy="0" r="1" gradientTransform="matrix(0 -21.8571 33.6 0 25.167 24.214)" gradientUnits="userSpaceOnUse"><stop stop-color="#eb4824"/><stop offset="1" stop-color="#ff921f"/></radialGradient><linearGradient id="SVGv7PqEecP" x1="16.659" x2="26.532" y1="22.925" y2="42.991" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#ff921f"/><stop offset="1" stop-color="#eb4824"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentColorPaw48(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGv7PqEecP)" d="M10 34c0-7.732 6.268-14 14-14s14 6.268 14 14q0 .255-.01.508c-.09 2.551-1.478 4.464-3.353 5.694C32.789 41.415 30.433 42 28.169 42h-8.338c-2.264 0-4.62-.585-6.468-1.798c-1.875-1.23-3.263-3.143-3.354-5.694Q10 34.255 10 34"/><path fill="url(#SVGXzjAkerA)" d="M18.25 6c-2.84 0-4.75 2.7-4.75 5.5s1.91 5.5 4.75 5.5S23 14.3 23 11.5S21.09 6 18.25 6M3 17.5C3 14.7 4.91 12 7.75 12s4.75 2.7 4.75 5.5S10.59 23 7.75 23S3 20.3 3 17.5m22.5-6c0-2.8 1.91-5.5 4.75-5.5S35 8.7 35 11.5S33.09 17 30.25 17s-4.75-2.7-4.75-5.5m10 6c0-2.8 1.91-5.5 4.75-5.5S45 14.7 45 17.5S43.09 23 40.25 23s-4.75-2.7-4.75-5.5"/><defs><radialGradient id="SVGXzjAkerA" cx="0" cy="0" r="1" gradientTransform="matrix(0 -21.8571 33.6 0 25.167 24.214)" gradientUnits="userSpaceOnUse"><stop stopColor="#eb4824"/><stop offset="1" stopColor="#ff921f"/></radialGradient><linearGradient id="SVGv7PqEecP" x1="16.659" x2="26.532" y1="22.925" y2="42.991" gradientUnits="userSpaceOnUse"><stop offset=".125" stopColor="#ff921f"/><stop offset="1" stopColor="#eb4824"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGv7PqEecP)" d="M10 34c0-7.732 6.268-14 14-14s14 6.268 14 14q0 .255-.01.508c-.09 2.551-1.478 4.464-3.353 5.694C32.789 41.415 30.433 42 28.169 42h-8.338c-2.264 0-4.62-.585-6.468-1.798c-1.875-1.23-3.263-3.143-3.354-5.694Q10 34.255 10 34"/><path fill="url(#SVGXzjAkerA)" d="M18.25 6c-2.84 0-4.75 2.7-4.75 5.5s1.91 5.5 4.75 5.5S23 14.3 23 11.5S21.09 6 18.25 6M3 17.5C3 14.7 4.91 12 7.75 12s4.75 2.7 4.75 5.5S10.59 23 7.75 23S3 20.3 3 17.5m22.5-6c0-2.8 1.91-5.5 4.75-5.5S35 8.7 35 11.5S33.09 17 30.25 17s-4.75-2.7-4.75-5.5m10 6c0-2.8 1.91-5.5 4.75-5.5S45 14.7 45 17.5S43.09 23 40.25 23s-4.75-2.7-4.75-5.5"/><defs><radialGradient id="SVGXzjAkerA" cx="0" cy="0" r="1" gradientTransform="matrix(0 -21.8571 33.6 0 25.167 24.214)" gradientUnits="userSpaceOnUse"><stop stop-color="#eb4824"/><stop offset="1" stop-color="#ff921f"/></radialGradient><linearGradient id="SVGv7PqEecP" x1="16.659" x2="26.532" y1="22.925" y2="42.991" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#ff921f"/><stop offset="1" stop-color="#eb4824"/></linearGradient></defs></g></svg> </template>
CSS
.icon-paw-48 {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGv7PqEecP)%22%20d%3D%22M10%2034c0-7.732%206.268-14%2014-14s14%206.268%2014%2014q0%20.255-.01.508c-.09%202.551-1.478%204.464-3.353%205.694C32.789%2041.415%2030.433%2042%2028.169%2042h-8.338c-2.264%200-4.62-.585-6.468-1.798c-1.875-1.23-3.263-3.143-3.354-5.694Q10%2034.255%2010%2034%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXzjAkerA)%22%20d%3D%22M18.25%206c-2.84%200-4.75%202.7-4.75%205.5s1.91%205.5%204.75%205.5S23%2014.3%2023%2011.5S21.09%206%2018.25%206M3%2017.5C3%2014.7%204.91%2012%207.75%2012s4.75%202.7%204.75%205.5S10.59%2023%207.75%2023S3%2020.3%203%2017.5m22.5-6c0-2.8%201.91-5.5%204.75-5.5S35%208.7%2035%2011.5S33.09%2017%2030.25%2017s-4.75-2.7-4.75-5.5m10%206c0-2.8%201.91-5.5%204.75-5.5S45%2014.7%2045%2017.5S43.09%2023%2040.25%2023s-4.75-2.7-4.75-5.5%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGXzjAkerA%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-21.8571%2033.6%200%2025.167%2024.214)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eb4824%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff921f%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGv7PqEecP%22%20x1%3D%2216.659%22%20x2%3D%2226.532%22%20y1%3D%2222.925%22%20y2%3D%2242.991%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%23ff921f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eb4824%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGv7PqEecP)%22%20d%3D%22M10%2034c0-7.732%206.268-14%2014-14s14%206.268%2014%2014q0%20.255-.01.508c-.09%202.551-1.478%204.464-3.353%205.694C32.789%2041.415%2030.433%2042%2028.169%2042h-8.338c-2.264%200-4.62-.585-6.468-1.798c-1.875-1.23-3.263-3.143-3.354-5.694Q10%2034.255%2010%2034%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXzjAkerA)%22%20d%3D%22M18.25%206c-2.84%200-4.75%202.7-4.75%205.5s1.91%205.5%204.75%205.5S23%2014.3%2023%2011.5S21.09%206%2018.25%206M3%2017.5C3%2014.7%204.91%2012%207.75%2012s4.75%202.7%204.75%205.5S10.59%2023%207.75%2023S3%2020.3%203%2017.5m22.5-6c0-2.8%201.91-5.5%204.75-5.5S35%208.7%2035%2011.5S33.09%2017%2030.25%2017s-4.75-2.7-4.75-5.5m10%206c0-2.8%201.91-5.5%204.75-5.5S45%2014.7%2045%2017.5S43.09%2023%2040.25%2023s-4.75-2.7-4.75-5.5%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGXzjAkerA%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-21.8571%2033.6%200%2025.167%2024.214)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eb4824%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff921f%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGv7PqEecP%22%20x1%3D%2216.659%22%20x2%3D%2226.532%22%20y1%3D%2222.925%22%20y2%3D%2242.991%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%23ff921f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eb4824%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-color/paw-48.svg?color=%231a73e8&size=48
