Hare アイコン
f7:hare
Hare アイコン(f7:hare)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" 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>Hare アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:hare" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:hare" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:hare" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--hare]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:hare"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:hare"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/hare.svg" alt="Hare アイコン" width="24" height="24">Framework7 Icons の関連アイコン
他のアイコンセットの Hare アイコン
Hare アイコン のよくある質問
Hare アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hare アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:hare" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hare アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/hare.svg" alt="Hare アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。