Иконка Corn Cob
pinhead:corn-cob
Иконка Corn Cob (pinhead:corn-cob) — бесплатная 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
- Теги
- corncob
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.5 0C6.01 0 4.74 1.07 3.88 2.62C3.01 4.17 2.5 6.26 2.5 8.55c0 .26.01.51.02.76c.28.16.58.33.89.51c.06.04.13.08.19.12c-.03-.31-.05-.62-.06-.94H4.6c.22 0 .4.18.4.4v.2c0 .22-.18.4-.4.4h-.9c1.49.94 3.09 2.23 3.57 4.01c.08.31.38.3.46-.01c.37-1.8 2.07-3.06 3.56-4h-.89c-.22 0-.4-.18-.4-.4v-.2c0-.22.18-.4.4-.4h1.06c-.01.32-.03.63-.06.94c.06-.05.13-.09.19-.13c.31-.18.61-.35.89-.5c.01-.25.02-.5.02-.76c0-2.29-.51-4.38-1.38-5.93C10.26 1.07 8.99 0 7.5 0m0 1.03c.33 0 .66.09.98.25c.01.03.02.08.02.12v.2c0 .22-.18.4-.4.4H6.9c-.22 0-.4-.18-.4-.4v-.2c0-.04.01-.09.02-.12c.32-.16.65-.25.98-.25M6.9 3h1.2c.22 0 .4.18.4.4v.2c0 .22-.18.4-.4.4H6.9c-.22 0-.4-.18-.4-.4v-.2c0-.22.18-.4.4-.4m-2.09.06c.12.07.19.2.19.34v.2c0 .22-.18.4-.4.4h-.24c.13-.31.27-.61.42-.88zm5.38 0l.03.06c.15.27.29.57.42.88h-.24c-.22 0-.4-.18-.4-.4v-.2c0-.14.07-.27.19-.34M4.02 5h.58c.22 0 .4.18.4.4v.2c0 .22-.18.4-.4.4h-.82c.06-.35.14-.68.24-1M6.9 5h1.2c.22 0 .4.18.4.4v.2c0 .22-.18.4-.4.4H6.9c-.22 0-.4-.18-.4-.4v-.2c0-.22.18-.4.4-.4m3.5 0h.58c.1.32.18.65.24 1h-.82c-.22 0-.4-.18-.4-.4v-.2c0-.22.18-.4.4-.4M3.62 7h.98c.22 0 .4.18.4.4v.2c0 .22-.18.4-.4.4H3.54c.02-.34.04-.67.08-1M6.9 7h1.2c.22 0 .4.18.4.4v.2c0 .22-.18.4-.4.4H6.9c-.22 0-.4-.18-.4-.4v-.2c0-.22.18-.4.4-.4m3.5 0h.98c.04.33.06.66.08 1H10.4c-.22 0-.4-.18-.4-.4v-.2c0-.22.18-.4.4-.4M6.9 9h1.2c.22 0 .4.18.4.4v.2c0 .22-.18.4-.4.4H6.9c-.22 0-.4-.18-.4-.4v-.2c0-.22.18-.4.4-.4m8 0s-1.15.45-2.49 1.21c-.41.23-.84.5-1.26.79c-.37.26-.72.55-1.06.85h-.01v-.01c-.2.19-.4.38-.58.58c-.14.16-.28.33-.4.5c-.08.11-.16.22-.23.33v.01c-.03.04-.05.08-.07.12c-.06.1-.11.2-.16.3a.3.3 0 0 1-.04.1a2.3 2.3 0 0 0-.14.42c-.07.22-.11.48-.15.75V15h4.49c1.25-2.72 2.1-6 2.1-6M.1 9.01S.94 12.28 2.19 15h4.5c-.03-.29-.08-.56-.15-.8c-.03-.14-.08-.27-.14-.41c-.02-.03-.03-.07-.05-.11c-.05-.11-.1-.22-.16-.32a.4.4 0 0 1-.05-.09l-.24-.36c-.13-.17-.27-.33-.41-.49a7 7 0 0 0-.61-.6v.01c-.33-.3-.67-.58-1.04-.83c-.41-.29-.84-.56-1.25-.79C1.25 9.45.1 9.01.1 9.01M6.9 11h1.2c.22 0 .4.18.4.4v.2c0 .22-.18.4-.4.4H6.9c-.22 0-.4-.18-.4-.4v-.2c0-.22.18-.4.4-.4"/></svg>Как использовать иконку Corn Cob
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:corn-cob" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:corn-cob" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:corn-cob" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--corn-cob]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:corn-cob"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:corn-cob"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/pinhead/corn-cob.svg" alt="Иконка Corn Cob" width="24" height="24">Иконка Corn Cob в других наборах
Вопросы и ответы: Иконка Corn Cob
Можно ли бесплатно использовать иконку Corn Cob в коммерческих проектах?
Да. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Corn Cob в React?
Установите @iconify/react и выведите <Icon icon="pinhead:corn-cob" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Corn Cob на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pinhead/corn-cob.svg" alt="Иконка Corn Cob">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.