hare icon

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

Name: hare
Set: Framework7 Icons
Style: Outline
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="M16.478 51.234c3.382 0 6.457-.76 9.008-3.057c.977.706 2.062 1.103 3.69 1.103c1.537 0 2.731-.506 4.866-.506c1.97 0 2.948.506 4.521.506c3.726 0 5.029-1.917 5.029-4.033c0-3.419-2.605-5.463-7.814-5.915a53 53 0 0 1 4.775-2.044c2.17 1.447 5.3 2.315 7.615 2.297C53.033 39.55 56 38.03 56 33.02c0-6.15-4.667-10.78-10.165-10.834l-3.944-5.336c-3.002-4.034-6.222-6.295-10.346-6.295c-3.201 0-7.56 1.773-7.56 4.287c0 2.098 2.387 3.6 4.702 5.065c2.714 1.7 6.385 3.816 9.786 5.788c-.47.416-.796.597-1.266.597c-.543 0-1.285-.271-2.243-.832c-7.326-4.124-11.685-7.47-17.328-7.47c-6.71 0-11.558 3.454-13.856 10.074C1.538 28.533 0 30 0 32.26c0 2.803 2.261 4.25 4.594 4.377c1.737 2.804 6.53 5.282 12.698 4.775l1.718 1.43c-.452.234-.886.307-1.41.307c-1.194-.018-2.334-.398-3.709-.398c-2.514 0-4.286 1.465-4.286 3.654c0 3.093 2.749 4.829 6.873 4.829m17.473-5.047c-2.261 0-3.69.362-4.703.362c-.814 0-1.736-.126-2.64-.868l-8.086-6.82c-5.788.254-10.039-1.265-12.48-4.81c-1.846.216-3.184-.489-3.184-2.008c0-1.375 1.194-2.334 3.202-2.225c1.844-6.114 5.914-8.954 11.54-8.954c5.914 0 11.992 4.758 16.405 7.254a6.94 6.94 0 0 0 3.419.958c1.99 0 3.545-1.248 4.956-3.78L30.351 17.88c-1.266-.814-3.093-2.17-3.093-2.659c0-1.067 2.497-1.863 4.323-1.863c2.858 0 5.3 1.682 7.434 4.377l5.554 6.639c5.118-.236 8.97 3.671 8.97 8.664c0 3.201-1.482 4.178-5.28 4.178c-2.37 0-4.993-.959-7.254-2.388c-3.31.832-6.783 2.406-9.586 4.486c-.38.036-.688.072-.977.109l-1.302-3.184c-2.732-6.566-7.109-8.809-11.54-8.809c-.724 0-1.556.018-2.298.181c-.904.2-1.23.67-1.23 1.266c0 .688.507 1.14 1.23 1.122c.778-.036 1.285-.127 2.17-.127c4.107 0 7.127 2.189 9.624 8.158l1.754 4.033c1.375-.289 2.677-.506 4.721-.506c3.69 0 7.344.977 7.344 3.473c0 .959-.832 1.61-2.352 1.61c-1.754 0-3.02-.453-4.612-.453m13.041-14.361c.796.018 1.447-.688 1.484-1.466a1.405 1.405 0 0 0-1.393-1.447c-.778-.018-1.447.652-1.465 1.411c-.037.796.596 1.484 1.374 1.502M12.21 46.423c0-.724.489-1.285 1.538-1.285c1.03 0 2.152.29 3.4.29c1.664 0 2.84-.145 3.925-.887l2.37 1.954c-1.664 1.501-4.124 2.279-7.054 2.279c-2.533 0-4.179-.904-4.179-2.351"/></svg>

React

import type { SVGProps } from "react";

export function F7Hare(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="M16.478 51.234c3.382 0 6.457-.76 9.008-3.057c.977.706 2.062 1.103 3.69 1.103c1.537 0 2.731-.506 4.866-.506c1.97 0 2.948.506 4.521.506c3.726 0 5.029-1.917 5.029-4.033c0-3.419-2.605-5.463-7.814-5.915a53 53 0 0 1 4.775-2.044c2.17 1.447 5.3 2.315 7.615 2.297C53.033 39.55 56 38.03 56 33.02c0-6.15-4.667-10.78-10.165-10.834l-3.944-5.336c-3.002-4.034-6.222-6.295-10.346-6.295c-3.201 0-7.56 1.773-7.56 4.287c0 2.098 2.387 3.6 4.702 5.065c2.714 1.7 6.385 3.816 9.786 5.788c-.47.416-.796.597-1.266.597c-.543 0-1.285-.271-2.243-.832c-7.326-4.124-11.685-7.47-17.328-7.47c-6.71 0-11.558 3.454-13.856 10.074C1.538 28.533 0 30 0 32.26c0 2.803 2.261 4.25 4.594 4.377c1.737 2.804 6.53 5.282 12.698 4.775l1.718 1.43c-.452.234-.886.307-1.41.307c-1.194-.018-2.334-.398-3.709-.398c-2.514 0-4.286 1.465-4.286 3.654c0 3.093 2.749 4.829 6.873 4.829m17.473-5.047c-2.261 0-3.69.362-4.703.362c-.814 0-1.736-.126-2.64-.868l-8.086-6.82c-5.788.254-10.039-1.265-12.48-4.81c-1.846.216-3.184-.489-3.184-2.008c0-1.375 1.194-2.334 3.202-2.225c1.844-6.114 5.914-8.954 11.54-8.954c5.914 0 11.992 4.758 16.405 7.254a6.94 6.94 0 0 0 3.419.958c1.99 0 3.545-1.248 4.956-3.78L30.351 17.88c-1.266-.814-3.093-2.17-3.093-2.659c0-1.067 2.497-1.863 4.323-1.863c2.858 0 5.3 1.682 7.434 4.377l5.554 6.639c5.118-.236 8.97 3.671 8.97 8.664c0 3.201-1.482 4.178-5.28 4.178c-2.37 0-4.993-.959-7.254-2.388c-3.31.832-6.783 2.406-9.586 4.486c-.38.036-.688.072-.977.109l-1.302-3.184c-2.732-6.566-7.109-8.809-11.54-8.809c-.724 0-1.556.018-2.298.181c-.904.2-1.23.67-1.23 1.266c0 .688.507 1.14 1.23 1.122c.778-.036 1.285-.127 2.17-.127c4.107 0 7.127 2.189 9.624 8.158l1.754 4.033c1.375-.289 2.677-.506 4.721-.506c3.69 0 7.344.977 7.344 3.473c0 .959-.832 1.61-2.352 1.61c-1.754 0-3.02-.453-4.612-.453m13.041-14.361c.796.018 1.447-.688 1.484-1.466a1.405 1.405 0 0 0-1.393-1.447c-.778-.018-1.447.652-1.465 1.411c-.037.796.596 1.484 1.374 1.502M12.21 46.423c0-.724.489-1.285 1.538-1.285c1.03 0 2.152.29 3.4.29c1.664 0 2.84-.145 3.925-.887l2.37 1.954c-1.664 1.501-4.124 2.279-7.054 2.279c-2.533 0-4.179-.904-4.179-2.351"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M16.478 51.234c3.382 0 6.457-.76 9.008-3.057c.977.706 2.062 1.103 3.69 1.103c1.537 0 2.731-.506 4.866-.506c1.97 0 2.948.506 4.521.506c3.726 0 5.029-1.917 5.029-4.033c0-3.419-2.605-5.463-7.814-5.915a53 53 0 0 1 4.775-2.044c2.17 1.447 5.3 2.315 7.615 2.297C53.033 39.55 56 38.03 56 33.02c0-6.15-4.667-10.78-10.165-10.834l-3.944-5.336c-3.002-4.034-6.222-6.295-10.346-6.295c-3.201 0-7.56 1.773-7.56 4.287c0 2.098 2.387 3.6 4.702 5.065c2.714 1.7 6.385 3.816 9.786 5.788c-.47.416-.796.597-1.266.597c-.543 0-1.285-.271-2.243-.832c-7.326-4.124-11.685-7.47-17.328-7.47c-6.71 0-11.558 3.454-13.856 10.074C1.538 28.533 0 30 0 32.26c0 2.803 2.261 4.25 4.594 4.377c1.737 2.804 6.53 5.282 12.698 4.775l1.718 1.43c-.452.234-.886.307-1.41.307c-1.194-.018-2.334-.398-3.709-.398c-2.514 0-4.286 1.465-4.286 3.654c0 3.093 2.749 4.829 6.873 4.829m17.473-5.047c-2.261 0-3.69.362-4.703.362c-.814 0-1.736-.126-2.64-.868l-8.086-6.82c-5.788.254-10.039-1.265-12.48-4.81c-1.846.216-3.184-.489-3.184-2.008c0-1.375 1.194-2.334 3.202-2.225c1.844-6.114 5.914-8.954 11.54-8.954c5.914 0 11.992 4.758 16.405 7.254a6.94 6.94 0 0 0 3.419.958c1.99 0 3.545-1.248 4.956-3.78L30.351 17.88c-1.266-.814-3.093-2.17-3.093-2.659c0-1.067 2.497-1.863 4.323-1.863c2.858 0 5.3 1.682 7.434 4.377l5.554 6.639c5.118-.236 8.97 3.671 8.97 8.664c0 3.201-1.482 4.178-5.28 4.178c-2.37 0-4.993-.959-7.254-2.388c-3.31.832-6.783 2.406-9.586 4.486c-.38.036-.688.072-.977.109l-1.302-3.184c-2.732-6.566-7.109-8.809-11.54-8.809c-.724 0-1.556.018-2.298.181c-.904.2-1.23.67-1.23 1.266c0 .688.507 1.14 1.23 1.122c.778-.036 1.285-.127 2.17-.127c4.107 0 7.127 2.189 9.624 8.158l1.754 4.033c1.375-.289 2.677-.506 4.721-.506c3.69 0 7.344.977 7.344 3.473c0 .959-.832 1.61-2.352 1.61c-1.754 0-3.02-.453-4.612-.453m13.041-14.361c.796.018 1.447-.688 1.484-1.466a1.405 1.405 0 0 0-1.393-1.447c-.778-.018-1.447.652-1.465 1.411c-.037.796.596 1.484 1.374 1.502M12.21 46.423c0-.724.489-1.285 1.538-1.285c1.03 0 2.152.29 3.4.29c1.664 0 2.84-.145 3.925-.887l2.37 1.954c-1.664 1.501-4.124 2.279-7.054 2.279c-2.533 0-4.179-.904-4.179-2.351"/></svg>
</template>

CSS

.icon-hare {
  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%22M16.478%2051.234c3.382%200%206.457-.76%209.008-3.057c.977.706%202.062%201.103%203.69%201.103c1.537%200%202.731-.506%204.866-.506c1.97%200%202.948.506%204.521.506c3.726%200%205.029-1.917%205.029-4.033c0-3.419-2.605-5.463-7.814-5.915a53%2053%200%200%201%204.775-2.044c2.17%201.447%205.3%202.315%207.615%202.297C53.033%2039.55%2056%2038.03%2056%2033.02c0-6.15-4.667-10.78-10.165-10.834l-3.944-5.336c-3.002-4.034-6.222-6.295-10.346-6.295c-3.201%200-7.56%201.773-7.56%204.287c0%202.098%202.387%203.6%204.702%205.065c2.714%201.7%206.385%203.816%209.786%205.788c-.47.416-.796.597-1.266.597c-.543%200-1.285-.271-2.243-.832c-7.326-4.124-11.685-7.47-17.328-7.47c-6.71%200-11.558%203.454-13.856%2010.074C1.538%2028.533%200%2030%200%2032.26c0%202.803%202.261%204.25%204.594%204.377c1.737%202.804%206.53%205.282%2012.698%204.775l1.718%201.43c-.452.234-.886.307-1.41.307c-1.194-.018-2.334-.398-3.709-.398c-2.514%200-4.286%201.465-4.286%203.654c0%203.093%202.749%204.829%206.873%204.829m17.473-5.047c-2.261%200-3.69.362-4.703.362c-.814%200-1.736-.126-2.64-.868l-8.086-6.82c-5.788.254-10.039-1.265-12.48-4.81c-1.846.216-3.184-.489-3.184-2.008c0-1.375%201.194-2.334%203.202-2.225c1.844-6.114%205.914-8.954%2011.54-8.954c5.914%200%2011.992%204.758%2016.405%207.254a6.94%206.94%200%200%200%203.419.958c1.99%200%203.545-1.248%204.956-3.78L30.351%2017.88c-1.266-.814-3.093-2.17-3.093-2.659c0-1.067%202.497-1.863%204.323-1.863c2.858%200%205.3%201.682%207.434%204.377l5.554%206.639c5.118-.236%208.97%203.671%208.97%208.664c0%203.201-1.482%204.178-5.28%204.178c-2.37%200-4.993-.959-7.254-2.388c-3.31.832-6.783%202.406-9.586%204.486c-.38.036-.688.072-.977.109l-1.302-3.184c-2.732-6.566-7.109-8.809-11.54-8.809c-.724%200-1.556.018-2.298.181c-.904.2-1.23.67-1.23%201.266c0%20.688.507%201.14%201.23%201.122c.778-.036%201.285-.127%202.17-.127c4.107%200%207.127%202.189%209.624%208.158l1.754%204.033c1.375-.289%202.677-.506%204.721-.506c3.69%200%207.344.977%207.344%203.473c0%20.959-.832%201.61-2.352%201.61c-1.754%200-3.02-.453-4.612-.453m13.041-14.361c.796.018%201.447-.688%201.484-1.466a1.405%201.405%200%200%200-1.393-1.447c-.778-.018-1.447.652-1.465%201.411c-.037.796.596%201.484%201.374%201.502M12.21%2046.423c0-.724.489-1.285%201.538-1.285c1.03%200%202.152.29%203.4.29c1.664%200%202.84-.145%203.925-.887l2.37%201.954c-1.664%201.501-4.124%202.279-7.054%202.279c-2.533%200-4.179-.904-4.179-2.351%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%22M16.478%2051.234c3.382%200%206.457-.76%209.008-3.057c.977.706%202.062%201.103%203.69%201.103c1.537%200%202.731-.506%204.866-.506c1.97%200%202.948.506%204.521.506c3.726%200%205.029-1.917%205.029-4.033c0-3.419-2.605-5.463-7.814-5.915a53%2053%200%200%201%204.775-2.044c2.17%201.447%205.3%202.315%207.615%202.297C53.033%2039.55%2056%2038.03%2056%2033.02c0-6.15-4.667-10.78-10.165-10.834l-3.944-5.336c-3.002-4.034-6.222-6.295-10.346-6.295c-3.201%200-7.56%201.773-7.56%204.287c0%202.098%202.387%203.6%204.702%205.065c2.714%201.7%206.385%203.816%209.786%205.788c-.47.416-.796.597-1.266.597c-.543%200-1.285-.271-2.243-.832c-7.326-4.124-11.685-7.47-17.328-7.47c-6.71%200-11.558%203.454-13.856%2010.074C1.538%2028.533%200%2030%200%2032.26c0%202.803%202.261%204.25%204.594%204.377c1.737%202.804%206.53%205.282%2012.698%204.775l1.718%201.43c-.452.234-.886.307-1.41.307c-1.194-.018-2.334-.398-3.709-.398c-2.514%200-4.286%201.465-4.286%203.654c0%203.093%202.749%204.829%206.873%204.829m17.473-5.047c-2.261%200-3.69.362-4.703.362c-.814%200-1.736-.126-2.64-.868l-8.086-6.82c-5.788.254-10.039-1.265-12.48-4.81c-1.846.216-3.184-.489-3.184-2.008c0-1.375%201.194-2.334%203.202-2.225c1.844-6.114%205.914-8.954%2011.54-8.954c5.914%200%2011.992%204.758%2016.405%207.254a6.94%206.94%200%200%200%203.419.958c1.99%200%203.545-1.248%204.956-3.78L30.351%2017.88c-1.266-.814-3.093-2.17-3.093-2.659c0-1.067%202.497-1.863%204.323-1.863c2.858%200%205.3%201.682%207.434%204.377l5.554%206.639c5.118-.236%208.97%203.671%208.97%208.664c0%203.201-1.482%204.178-5.28%204.178c-2.37%200-4.993-.959-7.254-2.388c-3.31.832-6.783%202.406-9.586%204.486c-.38.036-.688.072-.977.109l-1.302-3.184c-2.732-6.566-7.109-8.809-11.54-8.809c-.724%200-1.556.018-2.298.181c-.904.2-1.23.67-1.23%201.266c0%20.688.507%201.14%201.23%201.122c.778-.036%201.285-.127%202.17-.127c4.107%200%207.127%202.189%209.624%208.158l1.754%204.033c1.375-.289%202.677-.506%204.721-.506c3.69%200%207.344.977%207.344%203.473c0%20.959-.832%201.61-2.352%201.61c-1.754%200-3.02-.453-4.612-.453m13.041-14.361c.796.018%201.447-.688%201.484-1.466a1.405%201.405%200%200%200-1.393-1.447c-.778-.018-1.447.652-1.465%201.411c-.037.796.596%201.484%201.374%201.502M12.21%2046.423c0-.724.489-1.285%201.538-1.285c1.03%200%202.152.29%203.4.29c1.664%200%202.84-.145%203.925-.887l2.37%201.954c-1.664%201.501-4.124%202.279-7.054%202.279c-2.533%200-4.179-.904-4.179-2.351%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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