Иконка Drafting Compass
fa-solid:drafting-compass
Иконка Drafting Compass (fa-solid:drafting-compass) — бесплатная SVG-иконка из набора Font Awesome 5 Solid от Dave Gandy. Она нарисована на сетке 512 × 512. Font Awesome 5 Solid icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Font Awesome 5 Solid
- Автор
- Dave Gandy
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
- Категория
- Строительство, Дизайн
- Теги
- draftingcompass
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M457.01 344.42c-25.05 20.33-52.63 37.18-82.54 49.05l54.38 94.19l53.95 23.04c9.81 4.19 20.89-2.21 22.17-12.8l7.02-58.25zm42.49-94.56c4.86-7.67 1.89-17.99-6.05-22.39l-28.07-15.57c-7.48-4.15-16.61-1.46-21.26 5.72C403.01 281.15 332.25 320 256 320c-23.93 0-47.23-4.25-69.41-11.53l67.36-116.68c.7.02 1.34.21 2.04.21s1.35-.19 2.04-.21l51.09 88.5c31.23-8.96 59.56-25.75 82.61-48.92l-51.79-89.71C347.39 128.03 352 112.63 352 96c0-53.02-42.98-96-96-96s-96 42.98-96 96c0 16.63 4.61 32.03 12.05 45.66l-68.3 118.31c-12.55-11.61-23.96-24.59-33.68-39c-4.79-7.1-13.97-9.62-21.38-5.33l-27.75 16.07c-7.85 4.54-10.63 14.9-5.64 22.47c15.57 23.64 34.69 44.21 55.98 62.02L0 439.66l7.02 58.25c1.28 10.59 12.36 16.99 22.17 12.8l53.95-23.04l70.8-122.63C186.13 377.28 220.62 384 256 384c99.05 0 190.88-51.01 243.5-134.14M256 64c17.67 0 32 14.33 32 32s-14.33 32-32 32s-32-14.33-32-32s14.33-32 32-32"/></svg>Как использовать иконку Drafting Compass
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:drafting-compass" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:drafting-compass" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:drafting-compass" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--drafting-compass]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:drafting-compass"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:drafting-compass"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fa-solid/drafting-compass.svg" alt="Иконка Drafting Compass" width="24" height="24">Иконка Drafting Compass в других наборах
Вопросы и ответы: Иконка Drafting Compass
Можно ли бесплатно использовать иконку Drafting Compass в коммерческих проектах?
Да. Font Awesome 5 Solid icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Drafting Compass в React?
Установите @iconify/react и выведите <Icon icon="fa-solid:drafting-compass" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Drafting Compass на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa-solid/drafting-compass.svg" alt="Иконка Drafting Compass">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.