gentleface

Gentleface › Food & drink › beef-off

beef-off icon

Beef off: no beef, beef free, meat free. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.645 13.352C12.211 13.617 11.746 13.75 11.25 13.75C10.726 13.75 10.195 13.82 9.657 13.959C9.264 14.061 8.774 14.229 8.186 14.464C7.589 14.703 6.876 14.86 6.045 14.935C5.572 14.978 4.89 15 4 15C3.427 15 2.928 14.769 2.503 14.307C2.145 13.918 1.85 13.367 1.618 12.655C1.206 11.386 1 9.668 1 7.5C1 6.594 1.184 5.759 1.552 4.996C1.843 4.392 2.231 3.869 2.717 3.424L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.905 12.612L10.144 10.851C9.854 10.904 9.553 10.98 9.239 11.079C8.957 11.168 8.612 11.294 8.204 11.457C7.706 11.702 7.049 11.861 6.233 11.935C5.916 11.964 5.547 11.983 5.128 11.992C4.879 11.997 4.504 12 4 12C3.409 12 2.867 11.879 2.375 11.636C2.433 11.888 2.498 12.125 2.569 12.345C2.928 13.448 3.405 14 4 14C4.86 14 5.511 13.98 5.955 13.94C6.688 13.873 7.308 13.738 7.814 13.536C8.442 13.285 8.972 13.103 9.406 12.991C10.027 12.83 10.641 12.75 11.25 12.75C11.476 12.75 11.695 12.704 11.905 12.612ZM9.31 10.017L8.409 9.116C8.23 9.329 8.017 9.508 7.769 9.654C7.377 9.885 6.954 10 6.5 10C6.182 10 5.875 9.941 5.58 9.824C5.259 9.697 4.976 9.512 4.732 9.268C4.488 9.024 4.303 8.741 4.176 8.42C4.059 8.125 4 7.818 4 7.5C4 7.046 4.115 6.623 4.346 6.231C4.492 5.983 4.671 5.77 4.884 5.591L3.425 4.132C3.018 4.497 2.694 4.93 2.453 5.43C2.151 6.056 2 6.746 2 7.5C2 8.533 2.048 9.455 2.143 10.263C2.665 10.754 3.284 11 4 11C4.985 11 5.699 10.98 6.142 10.94C6.843 10.876 7.388 10.747 7.776 10.553C7.789 10.547 7.801 10.541 7.814 10.536C8.254 10.36 8.629 10.223 8.938 10.125C9.064 10.086 9.187 10.05 9.31 10.017ZM5.596 6.303C5.439 6.42 5.31 6.565 5.208 6.739C5.069 6.974 5 7.227 5 7.5C5 7.691 5.035 7.875 5.105 8.052C5.182 8.245 5.293 8.414 5.439 8.561C5.586 8.707 5.755 8.818 5.948 8.895C6.125 8.965 6.309 9 6.5 9C6.773 9 7.026 8.931 7.261 8.792C7.435 8.69 7.58 8.561 7.697 8.404L5.596 6.303ZM4.801 2.801C4.796 2.785 4.791 2.768 4.787 2.751C4.755 2.613 4.775 2.487 4.847 2.372C4.919 2.256 5.024 2.183 5.161 2.151C5.596 2.05 6.042 2 6.5 2C6.993 2 7.516 2.076 8.068 2.227C8.383 2.313 8.82 2.462 9.378 2.675C9.835 2.849 10.162 2.961 10.36 3.012C10.573 3.054 10.879 3.094 11.28 3.132C11.558 3.158 11.766 3.181 11.904 3.202C12.144 3.237 12.36 3.285 12.552 3.345C13.038 3.498 13.472 3.765 13.854 4.146C14.268 4.561 14.571 5.113 14.763 5.804C14.921 6.372 15 7.021 15 7.75C15 8.395 14.937 9.028 14.811 9.65C14.683 10.278 14.5 10.855 14.26 11.379C14.202 11.504 14.109 11.591 13.98 11.639C13.866 11.681 13.755 11.683 13.644 11.644L13.332 11.332C13.289 11.207 13.295 11.084 13.351 10.962C13.446 10.755 13.531 10.537 13.606 10.308C13.349 10.416 13.074 10.505 12.782 10.575C12.714 10.591 12.649 10.595 12.586 10.586L12.172 10.172C12.15 10.048 12.171 9.933 12.237 9.826C12.308 9.71 12.412 9.636 12.549 9.603C12.884 9.522 13.187 9.413 13.459 9.275C13.634 9.187 13.785 9.092 13.911 8.992C13.97 8.584 14 8.17 14 7.75C14 7.112 13.933 6.553 13.799 6.071C13.655 5.55 13.437 5.144 13.146 4.854C12.881 4.588 12.583 4.403 12.252 4.299C12.111 4.255 11.946 4.219 11.758 4.191C11.637 4.173 11.446 4.152 11.186 4.127C10.743 4.085 10.399 4.04 10.152 3.99C10.148 3.99 10.145 3.989 10.141 3.988L10.139 3.988C10.136 3.987 10.132 3.986 10.129 3.985C9.894 3.926 9.525 3.801 9.022 3.61C8.494 3.408 8.088 3.269 7.804 3.191C7.338 3.064 6.904 3 6.5 3C6.119 3 5.747 3.042 5.387 3.125C5.291 3.147 5.199 3.143 5.112 3.112L4.801 2.801Z"/></svg>
React
// Gentleface "beef-off" (line-round), MIT. https://gentleface.com/icons/beef-off
import type { SVGProps } from 'react';

export function BeefOffIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.645 13.352C12.211 13.617 11.746 13.75 11.25 13.75C10.726 13.75 10.195 13.82 9.657 13.959C9.264 14.061 8.774 14.229 8.186 14.464C7.589 14.703 6.876 14.86 6.045 14.935C5.572 14.978 4.89 15 4 15C3.427 15 2.928 14.769 2.503 14.307C2.145 13.918 1.85 13.367 1.618 12.655C1.206 11.386 1 9.668 1 7.5C1 6.594 1.184 5.759 1.552 4.996C1.843 4.392 2.231 3.869 2.717 3.424L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.905 12.612L10.144 10.851C9.854 10.904 9.553 10.98 9.239 11.079C8.957 11.168 8.612 11.294 8.204 11.457C7.706 11.702 7.049 11.861 6.233 11.935C5.916 11.964 5.547 11.983 5.128 11.992C4.879 11.997 4.504 12 4 12C3.409 12 2.867 11.879 2.375 11.636C2.433 11.888 2.498 12.125 2.569 12.345C2.928 13.448 3.405 14 4 14C4.86 14 5.511 13.98 5.955 13.94C6.688 13.873 7.308 13.738 7.814 13.536C8.442 13.285 8.972 13.103 9.406 12.991C10.027 12.83 10.641 12.75 11.25 12.75C11.476 12.75 11.695 12.704 11.905 12.612ZM9.31 10.017L8.409 9.116C8.23 9.329 8.017 9.508 7.769 9.654C7.377 9.885 6.954 10 6.5 10C6.182 10 5.875 9.941 5.58 9.824C5.259 9.697 4.976 9.512 4.732 9.268C4.488 9.024 4.303 8.741 4.176 8.42C4.059 8.125 4 7.818 4 7.5C4 7.046 4.115 6.623 4.346 6.231C4.492 5.983 4.671 5.77 4.884 5.591L3.425 4.132C3.018 4.497 2.694 4.93 2.453 5.43C2.151 6.056 2 6.746 2 7.5C2 8.533 2.048 9.455 2.143 10.263C2.665 10.754 3.284 11 4 11C4.985 11 5.699 10.98 6.142 10.94C6.843 10.876 7.388 10.747 7.776 10.553C7.789 10.547 7.801 10.541 7.814 10.536C8.254 10.36 8.629 10.223 8.938 10.125C9.064 10.086 9.187 10.05 9.31 10.017ZM5.596 6.303C5.439 6.42 5.31 6.565 5.208 6.739C5.069 6.974 5 7.227 5 7.5C5 7.691 5.035 7.875 5.105 8.052C5.182 8.245 5.293 8.414 5.439 8.561C5.586 8.707 5.755 8.818 5.948 8.895C6.125 8.965 6.309 9 6.5 9C6.773 9 7.026 8.931 7.261 8.792C7.435 8.69 7.58 8.561 7.697 8.404L5.596 6.303ZM4.801 2.801C4.796 2.785 4.791 2.768 4.787 2.751C4.755 2.613 4.775 2.487 4.847 2.372C4.919 2.256 5.024 2.183 5.161 2.151C5.596 2.05 6.042 2 6.5 2C6.993 2 7.516 2.076 8.068 2.227C8.383 2.313 8.82 2.462 9.378 2.675C9.835 2.849 10.162 2.961 10.36 3.012C10.573 3.054 10.879 3.094 11.28 3.132C11.558 3.158 11.766 3.181 11.904 3.202C12.144 3.237 12.36 3.285 12.552 3.345C13.038 3.498 13.472 3.765 13.854 4.146C14.268 4.561 14.571 5.113 14.763 5.804C14.921 6.372 15 7.021 15 7.75C15 8.395 14.937 9.028 14.811 9.65C14.683 10.278 14.5 10.855 14.26 11.379C14.202 11.504 14.109 11.591 13.98 11.639C13.866 11.681 13.755 11.683 13.644 11.644L13.332 11.332C13.289 11.207 13.295 11.084 13.351 10.962C13.446 10.755 13.531 10.537 13.606 10.308C13.349 10.416 13.074 10.505 12.782 10.575C12.714 10.591 12.649 10.595 12.586 10.586L12.172 10.172C12.15 10.048 12.171 9.933 12.237 9.826C12.308 9.71 12.412 9.636 12.549 9.603C12.884 9.522 13.187 9.413 13.459 9.275C13.634 9.187 13.785 9.092 13.911 8.992C13.97 8.584 14 8.17 14 7.75C14 7.112 13.933 6.553 13.799 6.071C13.655 5.55 13.437 5.144 13.146 4.854C12.881 4.588 12.583 4.403 12.252 4.299C12.111 4.255 11.946 4.219 11.758 4.191C11.637 4.173 11.446 4.152 11.186 4.127C10.743 4.085 10.399 4.04 10.152 3.99C10.148 3.99 10.145 3.989 10.141 3.988L10.139 3.988C10.136 3.987 10.132 3.986 10.129 3.985C9.894 3.926 9.525 3.801 9.022 3.61C8.494 3.408 8.088 3.269 7.804 3.191C7.338 3.064 6.904 3 6.5 3C6.119 3 5.747 3.042 5.387 3.125C5.291 3.147 5.199 3.143 5.112 3.112L4.801 2.801Z" />
    </svg>
  );
}
Vue
Vue: see /icons/beef-off.md
Svelte
Svelte: see /icons/beef-off.md
HTML img
HTML img: see /icons/beef-off.md
CSS
CSS: see /icons/beef-off.md
Data URL
Data URL: see /icons/beef-off.md
Sprite
Sprite: see /icons/beef-off.md
SwiftUI
SwiftUI: see /icons/beef-off.md
Compose
Compose: see /icons/beef-off.md
Android XML
Android XML: see /icons/beef-off.md
Flutter
Flutter: see /icons/beef-off.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { BeefOffIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
no beef, beef free, meat free
Example
Beef-free filter on a menu
Built from
beef + slash
Tags
meat, steak, beef, slash
Category
Food & drink
Component name
BeefOffIcon
History
  • added, released in 0.4.0
Since
version 0.4.0

Family 1

More food & drink icons

For agents

Metadata: /icons/beef-off.json · Markdown: /icons/beef-off.md · SVG: https://gentleface.com/svg/{style}/16/beef-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/beef-off.png