Иконка Flat Head Thumb Tack
pinhead:flat-head-thumb-tack
Иконка Flat Head Thumb Tack (pinhead:flat-head-thumb-tack) — бесплатная SVG-иконка из набора Pinhead Map Icons от Quincy Morgan. Она нарисована на сетке 15 × 15. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Pinhead Map Icons
- Автор
- Quincy Morgan
- Лицензия
- CC0-1.0
- Размер
- 15 × 15
- Теги
- flathead, headthumb, thumbtack, flatheadthumbtack
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M8.5 9.72V13l-1 2l-1-2V9.72a17 17 0 0 0 2 0m5.11-2.4l-.06.05l-.19.13l-.17.11l-.36.21l-.29.14c-.1.05-.2.1-.31.14c-.22.1-.45.19-.7.27l-.33.11l-.32.09l-.33.09l-.28.06l-.39.07l-.35.06l-.31.04l-.45.05l-.23.02C8.2 8.99 7.85 9 7.5 9c-.34 0-.67-.01-1-.04l-.45-.03l-.43-.06l-.41-.06l-.37-.07l-.24-.05l-.21-.05l-.31-.08c-.26-.07-.51-.15-.75-.23l-.25-.1c-.14-.05-.29-.11-.42-.18a4 4 0 0 1-.37-.17l-.19-.1l-.26-.16l-.29-.19l-.24-.17l-.13-.11l-.2-.17l-.09-.09l-.11-.11C.7 6.69.63 6.61.56 6.52l-.1-.14l-.13-.19l-.07-.15l-.07-.15l-.03-.07l-.03-.07C.1 5.67.08 5.59.06 5.52C.05 5.46.04 5.4.03 5.35l-.02-.13v-.07L0 5V4l.01-.15C.15 1.71 3.45 0 7.5 0C11.64 0 15 1.79 15 4v1c0 .07 0 .15-.01.22l-.02.13c-.01.05-.02.11-.03.17l-.05.15l-.05.15l-.05.13l-.07.14l-.08.13l-.05.09l-.09.13c-.07.1-.14.19-.22.28l-.17.17c-.09.09-.18.17-.28.26zm-.39-1.33l-.06.01c-1.89.67-3.77 1-5.66 1s-3.77-.33-5.66-1a.25.25 0 0 0-.3.12c-.07.12-.02.27.1.34C3.6 7.49 5.55 8 7.5 8s3.9-.51 5.86-1.54c.11-.06.16-.19.12-.31a.26.26 0 0 0-.26-.16"/></svg>Как использовать иконку Flat Head Thumb Tack
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:flat-head-thumb-tack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:flat-head-thumb-tack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:flat-head-thumb-tack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--flat-head-thumb-tack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:flat-head-thumb-tack"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:flat-head-thumb-tack"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/pinhead/flat-head-thumb-tack.svg" alt="Иконка Flat Head Thumb Tack" width="24" height="24">Похожие иконки в наборе Pinhead Map Icons
Вопросы и ответы: Иконка Flat Head Thumb Tack
Можно ли бесплатно использовать иконку Flat Head Thumb Tack в коммерческих проектах?
Да. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Flat Head Thumb Tack в React?
Установите @iconify/react и выведите <Icon icon="pinhead:flat-head-thumb-tack" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Flat Head Thumb Tack на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pinhead/flat-head-thumb-tack.svg" alt="Иконка Flat Head Thumb Tack">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.