rabbit icon
rabbit-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- rabbit-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the rabbit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M110 164a10 10 0 1 1-10-10a10 10 0 0 1 10 10m46-10a10 10 0 1 0 10 10a10 10 0 0 0-10-10m58 34a50 50 0 0 1-86 34.7a50 50 0 1 1-69.39-71.91A70 70 0 0 1 65.23 129a235 235 0 0 1-20.56-59.3c-3-15.62-5-36.91 2.69-49.62A19.84 19.84 0 0 1 65.07 10c24.84 0 40.16 42.92 48.93 81.43a69.4 69.4 0 0 1 28 0C150.77 52.92 166.09 10 190.93 10a19.84 19.84 0 0 1 17.71 10.11c7.68 12.71 5.7 34 2.69 49.62A235 235 0 0 1 190.77 129a70 70 0 0 1 6.62 21.76A49.8 49.8 0 0 1 214 188m-60.44-93.17a70 70 0 0 1 21.64 13.48a71 71 0 0 1 8.05 8.72C199.87 81.2 207 40.54 198.37 26.32a8 8 0 0 0-7.44-4.32c-12.83 0-27.32 28.4-37.37 72.83M72.75 117a71 71 0 0 1 8-8.72a70 70 0 0 1 21.64-13.48C92.39 50.4 77.9 22 65.07 22a8 8 0 0 0-7.44 4.32C49 40.54 56.13 81.2 72.75 117M202 188a37.87 37.87 0 0 0-14.07-29.52a6.05 6.05 0 0 1-2.2-4.09a58 58 0 0 0-115.44 0a6 6 0 0 1-2.19 4.08a38 38 0 1 0 51.5 55.64l-11.42-9.5a6 6 0 1 1 7.67-9.22L128 205.5l12.16-10.11a6 6 0 1 1 7.67 9.22l-11.42 9.5A38 38 0 0 0 202 188"/></svg>
React
import type { SVGProps } from "react";
export function PhRabbitLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M110 164a10 10 0 1 1-10-10a10 10 0 0 1 10 10m46-10a10 10 0 1 0 10 10a10 10 0 0 0-10-10m58 34a50 50 0 0 1-86 34.7a50 50 0 1 1-69.39-71.91A70 70 0 0 1 65.23 129a235 235 0 0 1-20.56-59.3c-3-15.62-5-36.91 2.69-49.62A19.84 19.84 0 0 1 65.07 10c24.84 0 40.16 42.92 48.93 81.43a69.4 69.4 0 0 1 28 0C150.77 52.92 166.09 10 190.93 10a19.84 19.84 0 0 1 17.71 10.11c7.68 12.71 5.7 34 2.69 49.62A235 235 0 0 1 190.77 129a70 70 0 0 1 6.62 21.76A49.8 49.8 0 0 1 214 188m-60.44-93.17a70 70 0 0 1 21.64 13.48a71 71 0 0 1 8.05 8.72C199.87 81.2 207 40.54 198.37 26.32a8 8 0 0 0-7.44-4.32c-12.83 0-27.32 28.4-37.37 72.83M72.75 117a71 71 0 0 1 8-8.72a70 70 0 0 1 21.64-13.48C92.39 50.4 77.9 22 65.07 22a8 8 0 0 0-7.44 4.32C49 40.54 56.13 81.2 72.75 117M202 188a37.87 37.87 0 0 0-14.07-29.52a6.05 6.05 0 0 1-2.2-4.09a58 58 0 0 0-115.44 0a6 6 0 0 1-2.19 4.08a38 38 0 1 0 51.5 55.64l-11.42-9.5a6 6 0 1 1 7.67-9.22L128 205.5l12.16-10.11a6 6 0 1 1 7.67 9.22l-11.42 9.5A38 38 0 0 0 202 188"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M110 164a10 10 0 1 1-10-10a10 10 0 0 1 10 10m46-10a10 10 0 1 0 10 10a10 10 0 0 0-10-10m58 34a50 50 0 0 1-86 34.7a50 50 0 1 1-69.39-71.91A70 70 0 0 1 65.23 129a235 235 0 0 1-20.56-59.3c-3-15.62-5-36.91 2.69-49.62A19.84 19.84 0 0 1 65.07 10c24.84 0 40.16 42.92 48.93 81.43a69.4 69.4 0 0 1 28 0C150.77 52.92 166.09 10 190.93 10a19.84 19.84 0 0 1 17.71 10.11c7.68 12.71 5.7 34 2.69 49.62A235 235 0 0 1 190.77 129a70 70 0 0 1 6.62 21.76A49.8 49.8 0 0 1 214 188m-60.44-93.17a70 70 0 0 1 21.64 13.48a71 71 0 0 1 8.05 8.72C199.87 81.2 207 40.54 198.37 26.32a8 8 0 0 0-7.44-4.32c-12.83 0-27.32 28.4-37.37 72.83M72.75 117a71 71 0 0 1 8-8.72a70 70 0 0 1 21.64-13.48C92.39 50.4 77.9 22 65.07 22a8 8 0 0 0-7.44 4.32C49 40.54 56.13 81.2 72.75 117M202 188a37.87 37.87 0 0 0-14.07-29.52a6.05 6.05 0 0 1-2.2-4.09a58 58 0 0 0-115.44 0a6 6 0 0 1-2.19 4.08a38 38 0 1 0 51.5 55.64l-11.42-9.5a6 6 0 1 1 7.67-9.22L128 205.5l12.16-10.11a6 6 0 1 1 7.67 9.22l-11.42 9.5A38 38 0 0 0 202 188"/></svg> </template>
CSS
.icon-rabbit-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M110%20164a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m46-10a10%2010%200%201%200%2010%2010a10%2010%200%200%200-10-10m58%2034a50%2050%200%200%201-86%2034.7a50%2050%200%201%201-69.39-71.91A70%2070%200%200%201%2065.23%20129a235%20235%200%200%201-20.56-59.3c-3-15.62-5-36.91%202.69-49.62A19.84%2019.84%200%200%201%2065.07%2010c24.84%200%2040.16%2042.92%2048.93%2081.43a69.4%2069.4%200%200%201%2028%200C150.77%2052.92%20166.09%2010%20190.93%2010a19.84%2019.84%200%200%201%2017.71%2010.11c7.68%2012.71%205.7%2034%202.69%2049.62A235%20235%200%200%201%20190.77%20129a70%2070%200%200%201%206.62%2021.76A49.8%2049.8%200%200%201%20214%20188m-60.44-93.17a70%2070%200%200%201%2021.64%2013.48a71%2071%200%200%201%208.05%208.72C199.87%2081.2%20207%2040.54%20198.37%2026.32a8%208%200%200%200-7.44-4.32c-12.83%200-27.32%2028.4-37.37%2072.83M72.75%20117a71%2071%200%200%201%208-8.72a70%2070%200%200%201%2021.64-13.48C92.39%2050.4%2077.9%2022%2065.07%2022a8%208%200%200%200-7.44%204.32C49%2040.54%2056.13%2081.2%2072.75%20117M202%20188a37.87%2037.87%200%200%200-14.07-29.52a6.05%206.05%200%200%201-2.2-4.09a58%2058%200%200%200-115.44%200a6%206%200%200%201-2.19%204.08a38%2038%200%201%200%2051.5%2055.64l-11.42-9.5a6%206%200%201%201%207.67-9.22L128%20205.5l12.16-10.11a6%206%200%201%201%207.67%209.22l-11.42%209.5A38%2038%200%200%200%20202%20188%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M110%20164a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m46-10a10%2010%200%201%200%2010%2010a10%2010%200%200%200-10-10m58%2034a50%2050%200%200%201-86%2034.7a50%2050%200%201%201-69.39-71.91A70%2070%200%200%201%2065.23%20129a235%20235%200%200%201-20.56-59.3c-3-15.62-5-36.91%202.69-49.62A19.84%2019.84%200%200%201%2065.07%2010c24.84%200%2040.16%2042.92%2048.93%2081.43a69.4%2069.4%200%200%201%2028%200C150.77%2052.92%20166.09%2010%20190.93%2010a19.84%2019.84%200%200%201%2017.71%2010.11c7.68%2012.71%205.7%2034%202.69%2049.62A235%20235%200%200%201%20190.77%20129a70%2070%200%200%201%206.62%2021.76A49.8%2049.8%200%200%201%20214%20188m-60.44-93.17a70%2070%200%200%201%2021.64%2013.48a71%2071%200%200%201%208.05%208.72C199.87%2081.2%20207%2040.54%20198.37%2026.32a8%208%200%200%200-7.44-4.32c-12.83%200-27.32%2028.4-37.37%2072.83M72.75%20117a71%2071%200%200%201%208-8.72a70%2070%200%200%201%2021.64-13.48C92.39%2050.4%2077.9%2022%2065.07%2022a8%208%200%200%200-7.44%204.32C49%2040.54%2056.13%2081.2%2072.75%20117M202%20188a37.87%2037.87%200%200%200-14.07-29.52a6.05%206.05%200%200%201-2.2-4.09a58%2058%200%200%200-115.44%200a6%206%200%200%201-2.19%204.08a38%2038%200%201%200%2051.5%2055.64l-11.42-9.5a6%206%200%201%201%207.67-9.22L128%20205.5l12.16-10.11a6%206%200%201%201%207.67%209.22l-11.42%209.5A38%2038%200%200%200%20202%20188%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/rabbit-light.svg?color=%231a73e8&size=48