ICONYZ
Русский
Иконка Sheriff Badge из набора Foundation

Иконка Sheriff Badge

foundation:sheriff-badge

Иконка Sheriff Badge (foundation:sheriff-badge) — бесплатная SVG-иконка из набора Foundation от Zurb. Она нарисована на сетке 100 × 100. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Foundation
Автор
Zurb
Лицензия
MIT
Размер
100 × 100
Теги
sheriffbadge
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M82.066 62.012c-.861 0-1.663.222-2.385.583l-6.813-11.801l6.755-11.701c.438.115.89.196 1.364.196a5.39 5.39 0 0 0 5.382-5.388a5.38 5.38 0 0 0-5.382-5.374a5.37 5.37 0 0 0-4.449 2.349h-15.17l-7.042-12.197a5.35 5.35 0 0 0 .873-2.92a5.39 5.39 0 0 0-5.389-5.385a5.387 5.387 0 0 0-5.382 5.387a5.35 5.35 0 0 0 .835 2.848L38.18 30.876H22.65c-.909-1.686-2.668-2.845-4.716-2.842a5.38 5.38 0 0 0-5.389 5.376a5.39 5.39 0 0 0 5.389 5.386c.861 0 1.663-.223 2.385-.583l6.814 11.802l-6.756 11.702a5.3 5.3 0 0 0-1.364-.196a5.38 5.38 0 1 0 0 10.762a5.38 5.38 0 0 0 4.451-2.35h15.169l6.815 11.805a5.3 5.3 0 0 0-.647 2.505a5.387 5.387 0 0 0 5.389 5.386a5.39 5.39 0 0 0 5.382-5.388a5.34 5.34 0 0 0-.61-2.432l6.857-11.876h15.532c.909 1.685 2.668 2.844 4.717 2.844a5.383 5.383 0 0 0 5.389-5.378a5.393 5.393 0 0 0-5.391-5.387"/></svg>

Как использовать иконку Sheriff Badge

React

import { Icon } from "@iconify/react";

<Icon icon="foundation:sheriff-badge" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="foundation:sheriff-badge" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="foundation:sheriff-badge" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--sheriff-badge]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:sheriff-badge"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="foundation:sheriff-badge"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/foundation/sheriff-badge.svg" alt="Иконка Sheriff Badge" width="24" height="24">

Вопросы и ответы: Иконка Sheriff Badge

Можно ли бесплатно использовать иконку Sheriff Badge в коммерческих проектах?

Да. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Sheriff Badge в React?

Установите @iconify/react и выведите <Icon icon="foundation:sheriff-badge" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Sheriff Badge на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/foundation/sheriff-badge.svg" alt="Иконка Sheriff Badge">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Foundation →