Иконка Target Two

foundation:target-two

Иконка Target Two (foundation:target-two) — бесплатная SVG-иконка из набора Foundation от Zurb. Она нарисована на сетке 100 × 100. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Foundation
Автор: Zurb
Лицензия: MIT
Размер: 100 × 100
Теги: targettwo

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M94.988 47.506h-7.58c-1.231-18.719-16.193-33.684-34.914-34.915v-7.58a2.494 2.494 0 0 0-4.987 0v7.58c-18.722 1.231-33.683 16.195-34.914 34.915h-7.58a2.494 2.494 0 0 0 0 4.988h7.579c1.229 18.722 16.191 33.684 34.915 34.914v7.58a2.494 2.494 0 0 0 4.987 0v-7.58c18.723-1.23 33.685-16.193 34.915-34.914h7.579a2.494 2.494 0 0 0 0-4.988M47.506 77.443c-13.212-1.191-23.759-11.739-24.949-24.949h4.99c1.152 10.484 9.475 18.807 19.959 19.959zm0-49.896c-10.484 1.152-18.807 9.475-19.959 19.959h-4.99c1.192-13.208 11.738-23.757 24.948-24.949zm4.988-4.989c13.21 1.191 23.756 11.74 24.948 24.948h-4.989c-1.152-10.485-9.475-18.808-19.959-19.959zm0 54.885v-4.989c10.484-1.152 18.807-9.475 19.959-19.959h4.989c-1.19 13.209-11.737 23.756-24.948 24.948"/></svg>

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

React

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

<Icon icon="foundation:target-two" width="24" />

Vue

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

<template>
  <Icon icon="foundation:target-two" width="24" />
</template>

Svelte

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

<Icon icon="foundation:target-two" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--target-two]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:target-two"></div>

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

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

<iconify-icon icon="foundation:target-two"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/foundation/target-two.svg" alt="Иконка Target Two" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Foundation →