Иконка Compass

logos:compass

Иконка Compass (logos:compass) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 256. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 256

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><path id="SVGQqsuGbWs" d="M255.774 0c-3.374 68.465-13.363 131.709-40.03 191.254c-20.467 45.706-67.265 69.496-120.04 62.802c-43.38-5.502-83.16-42.607-92.844-86.6c-10.806-49.09 9.47-100.444 53.017-122.797C117.348 13.104 184.551 4.125 255.774 0"/></defs><mask id="SVG0vHdfbjo" fill="#fff"><use href="#SVGQqsuGbWs"/></mask><use fill="#fff" href="#SVGQqsuGbWs"/><g mask="url(#SVG0vHdfbjo)"><path fill="#e21708" d="M113.79 76.094s-5.894 32.657-8.24 49.203c-11.936-9.303-35.559-26.23-35.559-26.23s18.533 24.924 27.284 36.056c-16.625 1.884-49.951 7.073-49.951 7.073s34.083 5.482 49.956 7.317c-9.206 11.657-27.374 35.291-27.374 35.291s24.681-17.048 35.771-25.593c2.263 15.86 8.112 49.638 8.112 49.638s5.35-33.75 7.384-50.199c10.965 8.546 34.115 26.396 34.115 26.396s-16.128-24.142-24.959-35.544c16.042-1.884 48.637-7.306 48.637-7.306s-32.913-5.241-48.52-7.046c8.077-10.947 24.997-36.095 24.997-36.095s-23.71 18.388-34.29 26.856c-1.958-16.342-7.364-49.817-7.364-49.817M255.8.46c-3.374 68.465-13.363 131.709-40.03 191.255c-20.468 45.705-67.265 69.495-120.04 62.801c-43.38-5.501-83.16-42.606-92.844-86.6c-10.806-49.09 9.47-100.444 53.017-122.797C117.374 13.566 184.577 4.587 255.8.461"/><path fill="#fa524a" fill-opacity=".3" d="M6.195 103.901c3.892-11.462 9.58-22.166 16.937-31.596c2.778-3.42 5.865-6.837 9.296-10.36a98 98 0 0 1 9.643-8.215c3.125-2.28 6.569-4.52 10.265-6.7a98 98 0 0 1 3.567-1.924c14.884-7.64 30.1-13.956 45.633-19.2C141.8 12.31 184.158 5.915 228.179 2.345C239.039 1.518 248.439.973 255.8.46C180.864 16.623 141.051 32.526 92.565 53.73S2.687 121 .493 134.19c1.29-11.934 3.101-21.743 5.702-30.289"/><path fill="#ae0e10" fill-opacity=".3" d="M97.011 259.082a110 110 0 0 1-14.533-2.836c-18.214-5.252-37.246-16.484-52.433-32.87c-13.227-14.42-22.987-32.097-27.16-51.051a122 122 0 0 1-2.858-26.637c.544 79.974 93.994 92.336 118.985 92.336c39.67.001 39.175-7.9 100.79-51.235a380 380 0 0 1-4.032 9.335c-14.427 32.217-41.942 53.545-75.407 60.983c-8.783 1.945-17.868 2.933-27.225 2.933a138 138 0 0 1-16.127-.958"/></g></svg>

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

React

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

<Icon icon="logos:compass" width="24" />

Vue

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

<template>
  <Icon icon="logos:compass" width="24" />
</template>

Svelte

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

<Icon icon="logos:compass" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="logos:compass"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки SVG Logos →