Иконка Zoom Out Magnifier 1
streamline-freehand-color:zoom-out-magnifier-1
Иконка Zoom Out Magnifier 1 (streamline-freehand-color:zoom-out-magnifier-1) — бесплатная SVG-иконка из набора Freehand color icons от Streamline. Она нарисована на сетке 24 × 24. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Основы интерфейса
- Теги
- zoomout, outmagnifier, zoomoutmagnifier
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#020202" d="M16.203 7.851a5.7 5.7 0 0 0-1.198-2.656c-.19-.23-.39-.5-.619-.729a2.4 2.4 0 0 0-.62-.47a.36.36 0 0 0-.468.16a.35.35 0 0 0 .15.46q.22.12.389.31q.297.326.549.688c.54.69.891 1.51 1.019 2.377c.1.86.02 1.73-.24 2.556a5.54 5.54 0 0 1-2.327 3.086a6.4 6.4 0 0 1-3.754.999a6.6 6.6 0 0 1-1.389-.2a3.5 3.5 0 0 1-1.208-.57c-.35-.259-3.994-3.115-.689-7.808a7.6 7.6 0 0 1 .919-1.059a3.8 3.8 0 0 1 1.138-.759a5.4 5.4 0 0 1 1.868-.33a12.6 12.6 0 0 1 2.995.35a.304.304 0 1 0 .15-.589a13.8 13.8 0 0 0-3.105-.48a6.2 6.2 0 0 0-2.147.3c-.427.16-.827.382-1.189.66C4.43 5.673.895 11.136 5.838 14.85a4.8 4.8 0 0 0 1.588.75q.782.194 1.588.199a7.44 7.44 0 0 0 4.364-1.308a6.42 6.42 0 0 0 2.626-3.715c.282-.948.35-1.948.2-2.926"/><path fill="#0c6fff" d="M23.234 20.553a3.6 3.6 0 0 0-.18-.639a4.2 4.2 0 0 0-.54-.998a11.5 11.5 0 0 0-.998-1.249a17 17 0 0 0-1.698-1.607c-.829-.68-1.697-1.308-2.576-1.997q.39-.763.65-1.578q.371-1.228.558-2.497c.157-.812.23-1.639.22-2.466a5.6 5.6 0 0 0-.29-1.698a12 12 0 0 0-.569-1.448a5.2 5.2 0 0 0-.569-.939a6.7 6.7 0 0 0-1.318-1.288c-.736-.52-1.53-.953-2.367-1.288A13 13 0 0 0 11.76.232a7.2 7.2 0 0 0-1.997-.23a8.6 8.6 0 0 0-2.427.49c-.767.278-1.506.63-2.207 1.048c-7.21 4.264-4.623 14.89.809 16.657c.69.225 1.399.392 2.117.499c.491.082.99.112 1.488.09a9.2 9.2 0 0 0 2.277-.44q1.075-.376 2.077-.918q.203.24.38.499c.429.66.768 1.368 1.168 1.997q.421.649.908 1.248c.34.4.69.78.999 1.119a6.53 6.53 0 0 0 3.515 1.678a2 2 0 0 0 2.327-1.658q.06-.262.09-.53q.015-.264 0-.529a4 4 0 0 0-.05-.699m-1.159 1.468a1 1 0 0 1-1.138.79a5.5 5.5 0 0 1-2.836-1.25q-.525-.473-.999-.998a10 10 0 0 1-.919-1.088c-.439-.62-.838-1.318-1.298-1.937a6 6 0 0 0-.39-.46l.13-.09a6 6 0 0 0 .63-.519a.35.35 0 0 0-.49-.49a4 4 0 0 1-.539.43q-.288.204-.599.37a15.5 15.5 0 0 1-1.997.838a8.5 8.5 0 0 1-2.097.35c-.55.009-1.1-.048-1.638-.17a12 12 0 0 1-1.637-.45C1.584 15.74-.582 6.254 5.718 2.54c.63-.4 1.3-.735 1.997-.999a7.2 7.2 0 0 1 2.107-.45a6.2 6.2 0 0 1 1.668.18q.85.205 1.658.54c.646.251 1.268.562 1.857.928c.567.328 1.07.754 1.488 1.259q.286.354.49.759q.33.643.569 1.328c.163.463.26.947.29 1.438c.018.778-.032 1.557-.15 2.326q-.128 1.01-.38 1.998a8.5 8.5 0 0 1-.69 1.907q-.24.523-.568.998a6.4 6.4 0 0 1-.72.85a.304.304 0 0 0 .42.439q.441-.428.809-.919c.11-.15.2-.31.3-.47c.808.68 1.617 1.319 2.376 1.998q.824.737 1.518 1.598q.48.558.879 1.178q.238.381.38.809q.077.244.11.499q.045.237.05.48z"/><path fill="#020202" d="M9.014 8.77c-.924.14-1.836.355-2.726.639a.3.3 0 0 0-.27.35a.29.29 0 0 0 .36.24c.778-.07 1.567 0 2.366-.08l.999-.06l.998-.11c.81-.1 1.598-.23 2.387-.36a.32.32 0 0 0 .38-.4a.34.34 0 0 0-.36-.319c-.819 0-1.648-.06-2.477-.05a13 13 0 0 0-1.657.15"/></g></svg>Как использовать иконку Zoom Out Magnifier 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:zoom-out-magnifier-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:zoom-out-magnifier-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:zoom-out-magnifier-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--zoom-out-magnifier-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:zoom-out-magnifier-1"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:zoom-out-magnifier-1"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/zoom-out-magnifier-1.svg" alt="Иконка Zoom Out Magnifier 1" width="24" height="24">Похожие иконки в наборе Freehand color icons
Иконка Zoom Out Magnifier 1 в других наборах
Вопросы и ответы: Иконка Zoom Out Magnifier 1
Можно ли бесплатно использовать иконку Zoom Out Magnifier 1 в коммерческих проектах?
Да. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Zoom Out Magnifier 1 в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand-color:zoom-out-magnifier-1" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Zoom Out Magnifier 1 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/zoom-out-magnifier-1.svg" alt="Иконка Zoom Out Magnifier 1">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.