Иконка Compass Light

stash:compass-light

Иконка Compass Light (stash:compass-light) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Stash Icons
Автор: Pingback LLC
Лицензия: MIT
Размер: 24 × 24
Теги: compasslight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m4.938 5.645l.708.709a.5.5 0 0 0 .708-.708l-.709-.708A9.47 9.47 0 0 1 12 2.5a9.5 9.5 0 0 1 9.5 9.5a9.47 9.47 0 0 1-2.438 6.355l-.709-.709a.5.5 0 0 0-.707.707l.709.709A9.47 9.47 0 0 1 12 21.5A9.5 9.5 0 0 1 2.5 12c0-2.443.922-4.671 2.438-6.355m14.487 13.78c1.9-1.9 3.075-4.526 3.075-7.425c0-5.799-4.701-10.5-10.5-10.5S1.5 6.201 1.5 12S6.201 22.5 12 22.5a10.47 10.47 0 0 0 7.425-3.076"/><path fill="currentColor" d="M12 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 12 4m-8 8a.5.5 0 0 1 .5-.5H6a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 12m13.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H18a.5.5 0 0 1-.5-.5M12 17.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-1 0V18a.5.5 0 0 1 .5-.5m4.924-10.446c-.148.052-.35.143-.66.284l-4.122 1.874c-.828.376-1.174.536-1.467.755c-.268.201-.507.44-.708.708c-.219.293-.379.639-.755 1.467l-1.874 4.123a10 10 0 0 0-.296.693l.034-.012c.148-.052.35-.143.66-.284l4.118-1.872l.004-.002c.828-.377 1.174-.536 1.467-.755c.268-.201.507-.44.708-.708c.219-.293.379-.639.755-1.467l1.873-4.12l.001-.003a10 10 0 0 0 .296-.693zm-1.215 5.194l-.002.005l-.01.024l-.024.052c-.343.754-.548 1.205-.84 1.595a4.5 4.5 0 0 1-.91.91c-.39.291-.84.496-1.594.839l-.052.023l-.024.011l-.005.002l-4.12 1.873c-.283.128-.524.238-.718.307c-.177.063-.438.14-.7.06a1 1 0 0 1-.658-.66c-.081-.261-.004-.522.06-.7c.068-.193.178-.434.306-.717l1.884-4.144l.025-.056c.343-.755.548-1.206.84-1.595q.389-.521.91-.91c.39-.292.84-.497 1.594-.84l.057-.025l4.144-1.884c.282-.128.524-.238.718-.307c.177-.063.438-.14.7-.06a1 1 0 0 1 .658.66c.081.261.004.522-.06.7a10 10 0 0 1-.306.717zM12 11.5a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m-1.5.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0"/></svg>

Как использовать иконку Compass Light

React

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

<Icon icon="stash:compass-light" width="24" />

Vue

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

<template>
  <Icon icon="stash:compass-light" width="24" />
</template>

Svelte

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

<Icon icon="stash:compass-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--compass-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:compass-light"></div>

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

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

<iconify-icon icon="stash:compass-light"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/stash/compass-light.svg" alt="Иконка Compass Light" width="24" height="24">

Иконка Compass Light в других наборах

Вопросы и ответы: Иконка Compass Light

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

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

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

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

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

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

Все Stash Icons →