hare icon

hare-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: hare-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

The same icon in other sets

Use the hare icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M29.346 49.177c1.308 0 2.448-.617 4.916-.617c2.467 0 3.14.616 4.971.616c2.767 0 4.225-1.158 4.225-3.084c0-3.29-3.589-5.495-9.215-5.495c-2.766 0-4.019.262-5.57.654l-2.019-4.598c-2-4.411-5.177-7.29-9.7-7.29h-2.206c-.73 0-1.215-.317-1.215-1.028c0-1.158 1.551-1.439 3.252-1.439c5.458 0 9.514 3.01 11.981 9.066l1.271 3.121a20 20 0 0 1 4.02-.392c1.102 0 2.111.074 3.177.224c1.121-.841 2.43-1.72 4.317-2.542c2.094 1.42 4.468 2.336 6.972 2.336c5.16 0 7.477-1.121 7.477-6c0-5.888-4.262-10.299-9.925-10.28l-5.028-6.673c-2.822-3.664-6.168-5.42-9.477-5.42c-2.729 0-6.785 1.57-6.785 3.775c0 1.495 3.028 3.589 5.365 5.028l10.766 6.58c-.841.803-1.607 1.233-2.523 1.233c-1.458 0-2.954-.878-5.215-2.187c-5.776-3.327-10.206-6.448-16.187-6.448c-6.225 0-10.954 3.57-13.477 10.523c-2 0-3.514 1.308-3.514 3.234c0 2.168 1.72 3.532 4.075 3.532c2.729 3.813 7.196 5.346 12.486 5.346c.28 0 .56-.018.84-.018l7.571 6.28c1.87 1.7 2.953 1.962 4.374 1.962m18.748-17.365c-.842 0-1.514-.71-1.514-1.533c0-.84.691-1.588 1.532-1.588c.86 0 1.514.672 1.514 1.514c0 .84-.691 1.607-1.532 1.607M15.832 50.653c3.607 0 5.794-.691 7.589-1.925l-5.776-4.822c-.262.018-.58.056-.972.056c-.935 0-2.318-.28-3.963-.28c-2.093 0-3.383 1.12-3.383 2.803c0 2.505 2.542 4.168 6.505 4.168"/></svg>

React

import type { SVGProps } from "react";

export function F7HareFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M29.346 49.177c1.308 0 2.448-.617 4.916-.617c2.467 0 3.14.616 4.971.616c2.767 0 4.225-1.158 4.225-3.084c0-3.29-3.589-5.495-9.215-5.495c-2.766 0-4.019.262-5.57.654l-2.019-4.598c-2-4.411-5.177-7.29-9.7-7.29h-2.206c-.73 0-1.215-.317-1.215-1.028c0-1.158 1.551-1.439 3.252-1.439c5.458 0 9.514 3.01 11.981 9.066l1.271 3.121a20 20 0 0 1 4.02-.392c1.102 0 2.111.074 3.177.224c1.121-.841 2.43-1.72 4.317-2.542c2.094 1.42 4.468 2.336 6.972 2.336c5.16 0 7.477-1.121 7.477-6c0-5.888-4.262-10.299-9.925-10.28l-5.028-6.673c-2.822-3.664-6.168-5.42-9.477-5.42c-2.729 0-6.785 1.57-6.785 3.775c0 1.495 3.028 3.589 5.365 5.028l10.766 6.58c-.841.803-1.607 1.233-2.523 1.233c-1.458 0-2.954-.878-5.215-2.187c-5.776-3.327-10.206-6.448-16.187-6.448c-6.225 0-10.954 3.57-13.477 10.523c-2 0-3.514 1.308-3.514 3.234c0 2.168 1.72 3.532 4.075 3.532c2.729 3.813 7.196 5.346 12.486 5.346c.28 0 .56-.018.84-.018l7.571 6.28c1.87 1.7 2.953 1.962 4.374 1.962m18.748-17.365c-.842 0-1.514-.71-1.514-1.533c0-.84.691-1.588 1.532-1.588c.86 0 1.514.672 1.514 1.514c0 .84-.691 1.607-1.532 1.607M15.832 50.653c3.607 0 5.794-.691 7.589-1.925l-5.776-4.822c-.262.018-.58.056-.972.056c-.935 0-2.318-.28-3.963-.28c-2.093 0-3.383 1.12-3.383 2.803c0 2.505 2.542 4.168 6.505 4.168"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M29.346 49.177c1.308 0 2.448-.617 4.916-.617c2.467 0 3.14.616 4.971.616c2.767 0 4.225-1.158 4.225-3.084c0-3.29-3.589-5.495-9.215-5.495c-2.766 0-4.019.262-5.57.654l-2.019-4.598c-2-4.411-5.177-7.29-9.7-7.29h-2.206c-.73 0-1.215-.317-1.215-1.028c0-1.158 1.551-1.439 3.252-1.439c5.458 0 9.514 3.01 11.981 9.066l1.271 3.121a20 20 0 0 1 4.02-.392c1.102 0 2.111.074 3.177.224c1.121-.841 2.43-1.72 4.317-2.542c2.094 1.42 4.468 2.336 6.972 2.336c5.16 0 7.477-1.121 7.477-6c0-5.888-4.262-10.299-9.925-10.28l-5.028-6.673c-2.822-3.664-6.168-5.42-9.477-5.42c-2.729 0-6.785 1.57-6.785 3.775c0 1.495 3.028 3.589 5.365 5.028l10.766 6.58c-.841.803-1.607 1.233-2.523 1.233c-1.458 0-2.954-.878-5.215-2.187c-5.776-3.327-10.206-6.448-16.187-6.448c-6.225 0-10.954 3.57-13.477 10.523c-2 0-3.514 1.308-3.514 3.234c0 2.168 1.72 3.532 4.075 3.532c2.729 3.813 7.196 5.346 12.486 5.346c.28 0 .56-.018.84-.018l7.571 6.28c1.87 1.7 2.953 1.962 4.374 1.962m18.748-17.365c-.842 0-1.514-.71-1.514-1.533c0-.84.691-1.588 1.532-1.588c.86 0 1.514.672 1.514 1.514c0 .84-.691 1.607-1.532 1.607M15.832 50.653c3.607 0 5.794-.691 7.589-1.925l-5.776-4.822c-.262.018-.58.056-.972.056c-.935 0-2.318-.28-3.963-.28c-2.093 0-3.383 1.12-3.383 2.803c0 2.505 2.542 4.168 6.505 4.168"/></svg>
</template>

CSS

.icon-hare-fill {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.346%2049.177c1.308%200%202.448-.617%204.916-.617c2.467%200%203.14.616%204.971.616c2.767%200%204.225-1.158%204.225-3.084c0-3.29-3.589-5.495-9.215-5.495c-2.766%200-4.019.262-5.57.654l-2.019-4.598c-2-4.411-5.177-7.29-9.7-7.29h-2.206c-.73%200-1.215-.317-1.215-1.028c0-1.158%201.551-1.439%203.252-1.439c5.458%200%209.514%203.01%2011.981%209.066l1.271%203.121a20%2020%200%200%201%204.02-.392c1.102%200%202.111.074%203.177.224c1.121-.841%202.43-1.72%204.317-2.542c2.094%201.42%204.468%202.336%206.972%202.336c5.16%200%207.477-1.121%207.477-6c0-5.888-4.262-10.299-9.925-10.28l-5.028-6.673c-2.822-3.664-6.168-5.42-9.477-5.42c-2.729%200-6.785%201.57-6.785%203.775c0%201.495%203.028%203.589%205.365%205.028l10.766%206.58c-.841.803-1.607%201.233-2.523%201.233c-1.458%200-2.954-.878-5.215-2.187c-5.776-3.327-10.206-6.448-16.187-6.448c-6.225%200-10.954%203.57-13.477%2010.523c-2%200-3.514%201.308-3.514%203.234c0%202.168%201.72%203.532%204.075%203.532c2.729%203.813%207.196%205.346%2012.486%205.346c.28%200%20.56-.018.84-.018l7.571%206.28c1.87%201.7%202.953%201.962%204.374%201.962m18.748-17.365c-.842%200-1.514-.71-1.514-1.533c0-.84.691-1.588%201.532-1.588c.86%200%201.514.672%201.514%201.514c0%20.84-.691%201.607-1.532%201.607M15.832%2050.653c3.607%200%205.794-.691%207.589-1.925l-5.776-4.822c-.262.018-.58.056-.972.056c-.935%200-2.318-.28-3.963-.28c-2.093%200-3.383%201.12-3.383%202.803c0%202.505%202.542%204.168%206.505%204.168%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.346%2049.177c1.308%200%202.448-.617%204.916-.617c2.467%200%203.14.616%204.971.616c2.767%200%204.225-1.158%204.225-3.084c0-3.29-3.589-5.495-9.215-5.495c-2.766%200-4.019.262-5.57.654l-2.019-4.598c-2-4.411-5.177-7.29-9.7-7.29h-2.206c-.73%200-1.215-.317-1.215-1.028c0-1.158%201.551-1.439%203.252-1.439c5.458%200%209.514%203.01%2011.981%209.066l1.271%203.121a20%2020%200%200%201%204.02-.392c1.102%200%202.111.074%203.177.224c1.121-.841%202.43-1.72%204.317-2.542c2.094%201.42%204.468%202.336%206.972%202.336c5.16%200%207.477-1.121%207.477-6c0-5.888-4.262-10.299-9.925-10.28l-5.028-6.673c-2.822-3.664-6.168-5.42-9.477-5.42c-2.729%200-6.785%201.57-6.785%203.775c0%201.495%203.028%203.589%205.365%205.028l10.766%206.58c-.841.803-1.607%201.233-2.523%201.233c-1.458%200-2.954-.878-5.215-2.187c-5.776-3.327-10.206-6.448-16.187-6.448c-6.225%200-10.954%203.57-13.477%2010.523c-2%200-3.514%201.308-3.514%203.234c0%202.168%201.72%203.532%204.075%203.532c2.729%203.813%207.196%205.346%2012.486%205.346c.28%200%20.56-.018.84-.018l7.571%206.28c1.87%201.7%202.953%201.962%204.374%201.962m18.748-17.365c-.842%200-1.514-.71-1.514-1.533c0-.84.691-1.588%201.532-1.588c.86%200%201.514.672%201.514%201.514c0%20.84-.691%201.607-1.532%201.607M15.832%2050.653c3.607%200%205.794-.691%207.589-1.925l-5.776-4.822c-.262.018-.58.056-.972.056c-.935%200-2.318-.28-3.963-.28c-2.093%200-3.383%201.12-3.383%202.803c0%202.505%202.542%204.168%206.505%204.168%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/hare-fill.svg?color=%231a73e8&size=48