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

Иконка Zoom Out

typcn:zoom-out

Иконка Zoom Out (typcn:zoom-out) — бесплатная SVG-иконка из набора Typicons от Stephen Hutchings. Она нарисована на сетке 24 × 24. Typicons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Typicons
Автор
Stephen Hutchings
Лицензия
CC-BY-SA-4.0
Размер
24 × 24
Теги
zoomout
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13 11H8a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1m6.381 4.956l-.949-.986l-.537-.537l-.749-.75c.227-.688.354-1.42.354-2.183c0-3.859-3.14-7-7-7s-7 3.141-7 7s3.14 7 7 7c.763 0 1.496-.127 2.184-.354l.75.749l1.512 1.51l.06.061l.065.055a3.28 3.28 0 0 0 2.104.784a3.134 3.134 0 0 0 3.13-3.131c0-.84-.328-1.628-.924-2.218M5.5 11.5c0-2.757 2.243-5 5-5s5 2.243 5 5s-2.243 5-5 5s-5-2.243-5-5"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

Иконка 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 в коммерческих проектах?

Да. Typicons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

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

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

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

Все Typicons →