Иконка Confront

iwwa:confront

Иконка Confront (iwwa:confront) — бесплатная SVG-иконка из набора Innowatio Font от Innowatio. Она нарисована на сетке 40 × 40. Innowatio Font icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Innowatio Font
Автор: Innowatio
Лицензия: Apache-2.0
Размер: 40 × 40

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="currentColor"><path d="M24.828 11.867h-8.043a.357.357 0 1 0 0 .714h8.043a.357.357 0 0 0 0-.714m0 1.863h-8.043a.357.357 0 1 0 0 .714h8.043a.357.357 0 0 0 0-.714m0 3.725h-8.043a.357.357 0 1 0 0 .714h8.043a.357.357 0 0 0 0-.714m0-1.863h-8.043a.357.357 0 1 0 0 .714h8.043a.357.357 0 0 0 0-.714m0 3.724h-8.043a.357.357 0 1 0 0 .714h8.043a.357.357 0 0 0 0-.714m6.451-8.659a5.3 5.3 0 0 0-5.293 5.292c0 2.919 2.374 5.293 5.293 5.293s5.293-2.374 5.293-5.293a5.3 5.3 0 0 0-5.293-5.292m0 9.87a4.584 4.584 0 0 1-4.578-4.578c0-2.523 2.054-4.577 4.578-4.577s4.578 2.054 4.578 4.577a4.58 4.58 0 0 1-4.578 4.578"/><path d="M31.282 19.54a3.62 3.62 0 0 1-3.442-2.543l-.683.209a4.34 4.34 0 0 0 4.126 3.049a4.28 4.28 0 0 0 4.118-3.049l-.684-.209a3.57 3.57 0 0 1-3.435 2.543m3.083-6.59c-.003-.003-.007-.001-.01-.004a4.3 4.3 0 0 0-3.076-1.303a4.31 4.31 0 0 0-4.306 4.306c0 .197.16.357.358.357h.504a.357.357 0 0 0 0-.714h-.129a3.57 3.57 0 0 1 .801-1.909l.167.167a.36.36 0 0 0 .506 0a.357.357 0 0 0 0-.506l-.165-.165a3.56 3.56 0 0 1 1.906-.787v.131a.357.357 0 0 0 .714 0v-.131a3.56 3.56 0 0 1 1.954.823l-.128.127a.357.357 0 1 0 .504.507l.125-.124a3.56 3.56 0 0 1 .761 1.865h-.089a.357.357 0 0 0 0 .714h.464c.197 0 .358-.16.358-.357a4.3 4.3 0 0 0-1.214-2.984c-.003-.002-.001-.009-.005-.013"/><path d="M32.65 18.112c0-.042 0-.152-.848-4.767a.535.535 0 0 0-1.052.003l-.841 4.764a1.372 1.372 0 0 0 2.741 0m-2.026 0l.654-3.66c.301 1.646.641 3.521.657 3.66a.656.656 0 1 1-1.311 0m-19.296 2.755H3.285a.357.357 0 0 0 0 .714h8.043a.357.357 0 0 0 0-.714m0 1.863H3.285a.357.357 0 0 0 0 .714h8.043a.357.357 0 0 0 0-.714m0 3.725H3.285a.357.357 0 0 0 0 .714h8.043a.357.357 0 0 0 0-.714m0-1.863H3.285a.357.357 0 0 0 0 .714h8.043a.357.357 0 0 0 0-.714m0 3.724H3.285a.357.357 0 0 0 0 .714h8.043a.357.357 0 0 0 0-.714"/><path d="M38.148 2.818h-.044a1.47 1.47 0 0 0-1.425-1.11H16.316c-.809 0-1.467.658-1.467 1.468v7.532H2.816c-.809 0-1.466.658-1.466 1.468v25.551c0 .808.658 1.465 1.466 1.465h20.363a1.47 1.47 0 0 0 1.472-1.465v-7.535h12.028a1.47 1.47 0 0 0 1.472-1.465V3.176zM14.85 28.082v.375a4.56 4.56 0 0 1-1.648-3.507c0-1.409.644-2.666 1.648-3.506v.375a4.26 4.26 0 0 0-1.376 3.131c0 .197.16.357.358.357h.504a.357.357 0 0 0 0-.714h-.129a3.54 3.54 0 0 1 .643-1.687v4.082a3.5 3.5 0 0 1-.509-.991l-.684.209a4.26 4.26 0 0 0 1.193 1.876m-.07-5.627l.07.07zm9.155 15.272c0 .413-.34.75-.757.75H2.816a.75.75 0 0 1-.751-.75V12.176c0-.415.337-.753.751-.753H14.85v9.162c-1.415.949-2.363 2.537-2.363 4.364c0 1.92 1.037 3.587 2.57 4.515c.255.433.721.727 1.26.727h.961c.168.016.33.051.502.051s.335-.034.503-.051h5.652zm12.744-8.25H16.316a.753.753 0 0 1-.752-.75V3.176c0-.415.337-.753.752-.753h20.362c.416 0 .754.338.754.753l.003 25.551c0 .413-.339.75-.756.75"/></g></svg>

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

React

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

<Icon icon="iwwa:confront" width="24" />

Vue

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

<template>
  <Icon icon="iwwa:confront" width="24" />
</template>

Svelte

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

<Icon icon="iwwa:confront" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="iwwa:confront"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Иконки Innowatio Font →