tuningfork icon

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

Name
tuningfork
Set
Framework7 Icons
Style
Outline
Viewbox
56×56
License
MIT

Use the tuningfork icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M7.527 52.797c2.414 0 4.407-1.992 4.407-4.406a4.3 4.3 0 0 0-.118-.961l7.266-7.242l9.234-.024c1.5 0 3.094-.539 4.196-1.617l19.383-19.125c.96-.938.913-2.438 0-3.352c-.89-.937-2.414-.937-3.329 0l-18.68 18.68c-.655.656-1.476 1.055-2.46 1.055H20.91l-.351-.422v-7.031c0-.961.375-1.805 1.03-2.461l18.4-18.375c.937-.938.913-2.438 0-3.375a2.32 2.32 0 0 0-3.329.023L17.512 23.57c-1.125 1.172-1.617 2.672-1.617 4.196l-.024 8.882l-7.406 7.43a4 4 0 0 0-.938-.094c-2.414 0-4.382 1.97-4.382 4.407c0 2.414 1.968 4.406 4.382 4.406"/></svg>

React

import type { SVGProps } from "react";

export function F7Tuningfork(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="M7.527 52.797c2.414 0 4.407-1.992 4.407-4.406a4.3 4.3 0 0 0-.118-.961l7.266-7.242l9.234-.024c1.5 0 3.094-.539 4.196-1.617l19.383-19.125c.96-.938.913-2.438 0-3.352c-.89-.937-2.414-.937-3.329 0l-18.68 18.68c-.655.656-1.476 1.055-2.46 1.055H20.91l-.351-.422v-7.031c0-.961.375-1.805 1.03-2.461l18.4-18.375c.937-.938.913-2.438 0-3.375a2.32 2.32 0 0 0-3.329.023L17.512 23.57c-1.125 1.172-1.617 2.672-1.617 4.196l-.024 8.882l-7.406 7.43a4 4 0 0 0-.938-.094c-2.414 0-4.382 1.97-4.382 4.407c0 2.414 1.968 4.406 4.382 4.406"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M7.527 52.797c2.414 0 4.407-1.992 4.407-4.406a4.3 4.3 0 0 0-.118-.961l7.266-7.242l9.234-.024c1.5 0 3.094-.539 4.196-1.617l19.383-19.125c.96-.938.913-2.438 0-3.352c-.89-.937-2.414-.937-3.329 0l-18.68 18.68c-.655.656-1.476 1.055-2.46 1.055H20.91l-.351-.422v-7.031c0-.961.375-1.805 1.03-2.461l18.4-18.375c.937-.938.913-2.438 0-3.375a2.32 2.32 0 0 0-3.329.023L17.512 23.57c-1.125 1.172-1.617 2.672-1.617 4.196l-.024 8.882l-7.406 7.43a4 4 0 0 0-.938-.094c-2.414 0-4.382 1.97-4.382 4.407c0 2.414 1.968 4.406 4.382 4.406"/></svg>
</template>

CSS

.icon-tuningfork {
  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%22M7.527%2052.797c2.414%200%204.407-1.992%204.407-4.406a4.3%204.3%200%200%200-.118-.961l7.266-7.242l9.234-.024c1.5%200%203.094-.539%204.196-1.617l19.383-19.125c.96-.938.913-2.438%200-3.352c-.89-.937-2.414-.937-3.329%200l-18.68%2018.68c-.655.656-1.476%201.055-2.46%201.055H20.91l-.351-.422v-7.031c0-.961.375-1.805%201.03-2.461l18.4-18.375c.937-.938.913-2.438%200-3.375a2.32%202.32%200%200%200-3.329.023L17.512%2023.57c-1.125%201.172-1.617%202.672-1.617%204.196l-.024%208.882l-7.406%207.43a4%204%200%200%200-.938-.094c-2.414%200-4.382%201.97-4.382%204.407c0%202.414%201.968%204.406%204.382%204.406%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%22M7.527%2052.797c2.414%200%204.407-1.992%204.407-4.406a4.3%204.3%200%200%200-.118-.961l7.266-7.242l9.234-.024c1.5%200%203.094-.539%204.196-1.617l19.383-19.125c.96-.938.913-2.438%200-3.352c-.89-.937-2.414-.937-3.329%200l-18.68%2018.68c-.655.656-1.476%201.055-2.46%201.055H20.91l-.351-.422v-7.031c0-.961.375-1.805%201.03-2.461l18.4-18.375c.937-.938.913-2.438%200-3.375a2.32%202.32%200%200%200-3.329.023L17.512%2023.57c-1.125%201.172-1.617%202.672-1.617%204.196l-.024%208.882l-7.406%207.43a4%204%200%200%200-.938-.094c-2.414%200-4.382%201.97-4.382%204.407c0%202.414%201.968%204.406%204.382%204.406%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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