Иконка Geocaching
cib:geocaching
Иконка Geocaching (cib:geocaching) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- CoreUI Brands
- Автор
- creativeLabs Łukasz Holeczek
- Лицензия
- CC0-1.0
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M17.651.005v3.093c1.724.213 3.923.828 5.975 2.396l-1.584 2.141l-.02-.016s-1.641-1.407-4.36-1.844v8.563h8.437a10 10 0 0 0-1.536-4.161l2.26-1.5s1.677 2.281 2.037 5.661H32V-.001H17.651zm5.781 30.938l-.796.131l-1.745-10.729l.469-.073l8.739-.02l-7.541 5.416l.844 5.271h.031zm-5.781-13.292V32h14.344V17.656zm-9.047 9.005l1.584-2.14h.02s1.552 1.317 4.141 1.791v-8.656H6.12a10 10 0 0 0 1.568 4.313l-2.251 1.495s-1.724-2.349-2.036-5.808H0v14.344h14.349v-2.973c-1.688-.24-3.781-.865-5.745-2.36zM6.636 2.625c-.224 0-.412.14-.412.312s.188.308.412.308c.228 0 .411-.141.411-.308c0-.172-.187-.312-.411-.312m.041.854a1.203 1.203 0 0 1-1.208-1.197c0-.661.536-1.199 1.208-1.199c.667 0 1.203.543 1.203 1.204c0 .656-.536 1.192-1.197 1.192zm-1.781.084l-1.385.697a8 8 0 0 1-.317-.411L1.443 4.5l-.364-.579l4.312-.895l-.823.307c.104.083.192.145.323.229zM2.235 1.021a7.8 7.8 0 0 0 1.864 1.973l-1.339.24c-.5-.713-.943-1.412-1.344-2.265l.813.047zM0 0v14.344h3.208c-.135-1.308-.281-5.073 1.975-8.193c0 0-.5-.479-1.172-1.271L2.542 6.14l-.635-.541L5.73 3.422l-.448.381a8 8 0 0 0 1.62.739s1.859-1.036 3.697-3.536l.437.021c-.339 1.119-1.4 3.036-3.057 4.577c0 0 4.396 1.923 5.396 5.183c-.276-.161-1.859-.5-2.635-.323c-.141-.219-1.62-3.24-3.865-3.199c0 0-.5.599-.973 2.161c-.423 1.38-.245 4.276-.183 4.959h8.599V0z"/></svg>Как использовать иконку Geocaching
React
import { Icon } from "@iconify/react";
<Icon icon="cib:geocaching" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:geocaching" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:geocaching" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--geocaching]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:geocaching"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:geocaching"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/geocaching.svg" alt="Иконка Geocaching" width="24" height="24">Иконка Geocaching в других наборах
Вопросы и ответы: Иконка Geocaching
Можно ли бесплатно использовать иконку Geocaching в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Geocaching в React?
Установите @iconify/react и выведите <Icon icon="cib:geocaching" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Geocaching на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/geocaching.svg" alt="Иконка Geocaching">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.