Иконка Capture
thesvg-color:capture
Иконка Capture (thesvg-color:capture) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 32 × 32. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="#000b1d" d="M26.333 0H5.667A5.667 5.667 0 0 0 0 5.667v19.866A5.667 5.667 0 0 0 5.667 31.2h20.666A5.667 5.667 0 0 0 32 25.533V5.667A5.667 5.667 0 0 0 26.333 0"/><path fill="#fff" d="M15.722 19.368v2.21a.28.28 0 0 1-.171.301c-.42.147-.857.244-1.3.29a14 14 0 0 1-1.664.097a9.5 9.5 0 0 1-2.372-.29a7 7 0 0 1-2.05-.88a6.3 6.3 0 0 1-1.588-1.45a6.4 6.4 0 0 1-1.03-1.995a8.6 8.6 0 0 1-.347-2.595c0-1.446.296-2.697.926-3.792A6.5 6.5 0 0 1 8.809 8.71c1.16-.609 2.58-.952 4.182-.952q.835-.008 1.664.086c.374.047.742.14 1.093.276q.06.046.089.114q.028.07.019.144l-.006 2.382q0 .193-.15.129a4.6 4.6 0 0 0-1.267-.376a10 10 0 0 0-1.567-.118q-1.438 0-2.468.58a4 4 0 0 0-1.589 1.599a4.95 4.95 0 0 0-.558 2.415a5.2 5.2 0 0 0 .268 1.76c.166.478.417.921.741 1.31c.298.358.663.657 1.073.88c.403.224.833.396 1.28.511c.432.105.876.16 1.32.161q.716.004 1.429-.064a5.3 5.3 0 0 0 1.188-.287q.085-.064.13-.032a.17.17 0 0 1 .042.14m6.096-8.157q1.588 0 2.565.58c.65.386 1.092.823 1.406 1.48c.322.693.484 1.449.473 2.212v4.143a26 26 0 0 0 .043 1.524q0 .086-.043.107c-.644.244-1.174.48-1.675.622a9.5 9.5 0 0 1-1.46.3q-.748.09-1.503.087a5.9 5.9 0 0 1-2.178-.387a3.75 3.75 0 0 1-1.634-1.18q-.6-.795-.6-2.018q0-1.16.632-1.932c.422-.515 1.054-.902 1.784-1.16a7.6 7.6 0 0 1 2.512-.386h.783q.242-.005.483.022v-.13a1.4 1.4 0 0 0-.075-.375a1.1 1.1 0 0 0-.29-.461a1.7 1.7 0 0 0-.612-.42a3.3 3.3 0 0 0-1.062-.139a7.5 7.5 0 0 0-1.546.15c-.472.1-.95.367-1.35.539a.2.2 0 0 1-.129 0a.1.1 0 0 1-.064-.107v-2.234a.235.235 0 0 1 .15-.236c.472-.215 1.046-.333 1.64-.44a10 10 0 0 1 1.75-.16m1.538 8.483V17.54c-.172-.028-.286-.05-.444-.064a7 7 0 0 0-.58-.021c-.772 0-1.287.114-1.61.343c-.321.23-.482.481-.482.882a.93.93 0 0 0 .182.562c.146.228.355.41.601.522c.28.122.601.122 1.03.122q.369.002.73-.054q.292-.045.573-.14"/></g><defs><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Как использовать иконку Capture
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:capture" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:capture" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:capture" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--capture]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:capture"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:capture"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/capture.svg" alt="Иконка Capture" width="24" height="24">Иконка Capture в других наборах
Вопросы и ответы: Иконка Capture
Можно ли бесплатно использовать иконку Capture в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Capture в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:capture" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Capture на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/capture.svg" alt="Иконка Capture">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.