ICONYZ
Русский
Иконка Zoom Out из набора Foundation

Иконка Zoom Out

foundation:zoom-out

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

Набор
Foundation
Автор
Zurb
Лицензия
MIT
Размер
100 × 100
Теги
zoomout
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M56.774 10.391c-17.679 0-32 14.329-32 32a31.85 31.85 0 0 0 4.588 16.517L13.845 74.423l.054.054c-1.656 1.585-2.673 3.835-2.673 6.378c-.001 4.913 3.913 8.755 8.821 8.754c2.507-.001 4.749-1.004 6.349-2.636l.039.039l16.008-16.009a31.9 31.9 0 0 0 14.33 3.388c17.68 0 32-14.327 32-32c0-17.671-14.32-32-31.999-32m.194 51.417c-11.05 0-20-8.954-20-20c0-11.044 8.951-20 20-20c11.05 0 20 8.955 20 20s-8.95 20-20 20"/><path fill="currentColor" d="M68.739 37.099H45.197c-.868 0-1.57.702-1.57 1.569v6.278c0 .867.702 1.569 1.57 1.569h23.542a1.57 1.57 0 0 0 1.57-1.569v-6.278a1.57 1.57 0 0 0-1.57-1.569"/></svg>

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

React

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

<Icon icon="foundation:zoom-out" width="24" />

Vue

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

<template>
  <Icon icon="foundation:zoom-out" width="24" />
</template>

Svelte

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

<Icon icon="foundation:zoom-out" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="foundation:zoom-out"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/foundation/zoom-out.svg" alt="Иконка Zoom Out" width="24" height="24">

Похожие иконки в наборе Foundation

Иконка zoom-in
zoom-in

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

Иконка Zoom Out из набора Lucide
Lucide
 Иконка Zoom Out из набора Tabler Icons
Tabler Icons
 Иконка Zoom Out из набора Material Symbols
Material Symbols
 Иконка Zoom Out из набора Bootstrap Icons
Bootstrap Icons
 Иконка Zoom Out из набора Carbon
Carbon
 Иконка Zoom Out из набора Akar Icons
Akar Icons
 Иконка Zoom Out из набора BoxIcons v2
BoxIcons v2
 Иконка Zoom Out из набора BoxIcons v2 Solid
BoxIcons v2 Solid
 Иконка Zoom Out из набора Bytesize Icons
Bytesize Icons
 Иконка Zoom Out из набора Charm Icons
Charm Icons
 Иконка Zoom Out из набора Circum Icons
Circum Icons
 Иконка Zoom Out из набора Codicons
Codicons

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

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

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

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

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

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

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

Все Иконки Foundation →