Ikon Gear
f7:gear
Ikon Gear (f7:gear) adalah ikon SVG gratis dari set Framework7 Icons karya Vladimir Kharlampidi. Ikon ini digambar pada grid 56 × 56. Framework7 Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Framework7 Icons
- Pembuat
- Vladimir Kharlampidi
- Lisensi
- MIT
- Ukuran
- 56 × 56
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M28 50.828c.61 0 1.172-.07 1.805-.117l1.36 2.578c.257.516.773.797 1.405.703c.586-.117 1.008-.539 1.078-1.172l.422-2.836c1.149-.304 2.297-.75 3.422-1.242l2.11 1.899c.445.422 1.007.515 1.593.187c.516-.281.727-.844.61-1.453l-.586-2.812a21.5 21.5 0 0 0 2.789-2.32l2.625 1.1c.586.235 1.125.118 1.57-.421c.399-.422.445-1.031.117-1.547l-1.523-2.437c.703-.985 1.266-2.04 1.805-3.165l2.86.141c.608.023 1.124-.305 1.335-.89c.187-.587 0-1.149-.492-1.524l-2.227-1.781c.305-1.125.54-2.344.633-3.61l2.719-.843c.586-.211.96-.657.96-1.29c0-.609-.374-1.054-.96-1.265l-2.72-.867c-.093-1.266-.327-2.438-.632-3.586l2.226-1.805c.493-.351.68-.89.493-1.476c-.211-.586-.727-.915-1.336-.891l-2.86.117c-.538-1.125-1.1-2.18-1.804-3.164l1.524-2.437c.327-.493.28-1.102-.118-1.524c-.445-.539-.984-.68-1.57-.422l-2.625 1.055a26 26 0 0 0-2.79-2.297l.587-2.789c.117-.633-.094-1.195-.61-1.477c-.586-.304-1.148-.257-1.593.211l-2.11 1.852a27 27 0 0 0-3.422-1.219l-.422-2.836c-.07-.61-.492-1.054-1.078-1.148c-.633-.094-1.148.164-1.406.68l-1.36 2.578c-.632-.047-1.195-.094-1.804-.094c-.633 0-1.195.047-1.852.094l-1.335-2.578c-.258-.516-.774-.774-1.43-.68c-.586.094-.985.539-1.078 1.148l-.399 2.813a28 28 0 0 0-3.422 1.242l-2.109-1.852c-.469-.468-1.031-.515-1.594-.21c-.515.28-.726.843-.61 1.476l.587 2.79a24 24 0 0 0-2.813 2.296l-2.601-1.055c-.586-.258-1.149-.117-1.594.422a1.235 1.235 0 0 0-.117 1.5L9.18 15.04c-.703.984-1.266 2.04-1.805 3.164l-2.883-.117c-.61-.023-1.125.305-1.312.89c-.188.587-.024 1.126.468 1.477l2.25 1.805c-.304 1.148-.562 2.32-.632 3.586l-2.72.867c-.608.187-.937.633-.937 1.266c0 .632.329 1.078.938 1.289l2.719.867c.07 1.242.328 2.46.633 3.586l-2.25 1.78c-.493.375-.657.938-.47 1.523c.188.586.704.914 1.313.891l2.883-.14c.54 1.124 1.102 2.18 1.781 3.163l-1.5 2.438c-.351.516-.304 1.125.094 1.547c.445.539 1.008.656 1.594.422l2.601-1.102c.868.867 1.829 1.64 2.813 2.32l-.586 2.813c-.117.61.094 1.172.61 1.453c.585.328 1.148.234 1.593-.187l2.086-1.899c1.125.492 2.273.938 3.445 1.242l.399 2.836c.093.633.492 1.055 1.078 1.172c.656.094 1.172-.187 1.43-.703l1.335-2.578c.633.047 1.22.117 1.852.117M33.883 26.5c-1.102-2.953-3.258-4.57-5.953-4.57c-.399 0-.867.047-1.617.21l-6.727-11.484C22.094 9.414 24.953 8.734 28 8.734c10.219 0 18.234 7.758 18.961 17.766ZM8.969 28c0-6.516 3.07-12.258 7.922-15.726l6.773 11.554c-1.266 1.313-1.851 2.742-1.851 4.266c0 1.476.562 2.836 1.851 4.195l-6.937 11.344C11.992 40.14 8.969 34.469 8.969 28m16.148.07c0-1.593 1.36-2.836 2.86-2.836c1.593 0 2.906 1.243 2.906 2.836c0 1.57-1.313 2.86-2.906 2.86c-1.5 0-2.86-1.29-2.86-2.86M28 47.266c-3.117 0-6.023-.727-8.578-1.992L26.312 34c.727.188 1.22.234 1.618.234c2.718 0 4.875-1.664 5.953-4.687H46.96c-.75 9.96-8.766 17.719-18.961 17.719"/></svg>
Cara memakai ikon Gear
React
import { Icon } from "@iconify/react";
<Icon icon="f7:gear" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:gear" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:gear" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--gear]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:gear"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:gear"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/f7/gear.svg" alt="Ikon Gear" width="24" height="24">
Ikon terkait di Framework7 Icons
Ikon Gear di set ikon lain
FAQ Ikon Gear
Apakah ikon Gear gratis untuk penggunaan komersial?
Ya. Framework7 Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Gear di React?
Pasang @iconify/react lalu render <Icon icon="f7:gear" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gear ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/f7/gear.svg" alt="Ikon Gear">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Framework7 Icons →
ICONYZ
