Иконка Ogg 16

qlementine-icons:ogg-16

Иконка Ogg 16 (qlementine-icons:ogg-16) — бесплатная SVG-иконка из набора Qlementine Icons от Olivier Cléro. Она нарисована на сетке 24 × 24. Qlementine Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Qlementine Icons
Автор: Olivier Cléro
Лицензия: MIT
Размер: 24 × 24
Категория: Файл

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3.75 4c-.23 0-.35 0-.45.01c-.67.09-1.2.62-1.29 1.29c-.01.1-.01.21-.01.45v2.5c0 .23 0 .35.01.45c.09.67.62 1.2 1.29 1.29c.1.01.21.01.45.01s.35 0 .45-.01c.67-.09 1.2-.62 1.29-1.29c.01-.1.01-.21.01-.45v-2.5c0-.23 0-.35-.01-.45c-.09-.67-.62-1.2-1.29-1.29C4.1 4 3.99 4 3.75 4m.32 1c.22.03.4.21.43.43v3.14a.51.51 0 0 1-.43.43h-.64A.51.51 0 0 1 3 8.57V5.43c.03-.22.21-.4.43-.43zm4.38 2.01c.25.04.45.14.6.27c.08-.16.25-.28.45-.28c.28 0 .5.22.5.5v3c0 .83-.67 1.5-1.5 1.5H7c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h1.5c.28 0 .5-.22.5-.5v-.74c-.15.11-.33.19-.55.23c-.03.01-.38.02-.7.02c-.24 0-.35 0-.45-.02c-.54-.09-.96-.51-1.04-1.04c-.02-.1-.02-.21-.02-.45s0-.35.02-.45c.09-.54.51-.96 1.04-1.04c.1-.02.22-.02.45-.02c.245 0 .507.012.631.017zM8.5 8H7.45c-.1.01-.18.1-.2.2v.6c.01.1.1.18.2.2H8.5c.38 0 .5-.09.5-.5S8.88 8 8.5 8m4.5-.72a1.2 1.2 0 0 0-.6-.27l-.07-.003a15 15 0 0 0-.63-.017c-.23 0-.35 0-.45.02c-.53.08-.95.5-1.04 1.04c-.02.1-.02.21-.02.45s0 .35.02.45c.08.53.5.95 1.04 1.04c.1.02.21.02.45.02c.32 0 .67-.01.7-.02c.22-.04.4-.12.55-.23v.74c0 .28-.22.5-.5.5h-1.5c-.28 0-.5.22-.5.5s.22.5.5.5h1.5c.83 0 1.5-.67 1.5-1.5v-3c0-.28-.22-.5-.5-.5c-.2 0-.37.12-.45.28m-.55.72c.38 0 .5.09.5.5s-.12.5-.5.5H11.4c-.1-.02-.19-.1-.2-.2v-.6c.02-.1.1-.19.2-.2z" clip-rule="evenodd"/><path fill="currentColor" d="M5 11.5c0-.28-.22-.5-.5-.5H3c-.28 0-.5.22-.5.5s.22.5.5.5h1.5c.28 0 .5-.22.5-.5"/><path fill="currentColor" fill-rule="evenodd" d="M.22 3.09C0 3.52 0 4.08 0 5.2v5.6c0 1.12 0 1.68.22 2.11c.19.38.5.68.87.87c.43.22.99.22 2.11.22h9.6c1.12 0 1.68 0 2.11-.22c.38-.19.68-.5.87-.87c.22-.43.22-.99.22-2.11V5.2c0-1.12 0-1.68-.22-2.11c-.19-.38-.5-.68-.87-.87C14.48 2 13.92 2 12.8 2H3.2c-1.12 0-1.68 0-2.11.22c-.38.19-.68.5-.87.87M12.82 3h-9.6c-.58 0-.95 0-1.23.02c-.27.02-.37.06-.42.09c-.19.1-.34.25-.44.44c-.03.05-.06.15-.09.42c-.02.28-.02.66-.02 1.23v5.6c0 .58 0 .95.02 1.23c.02.27.06.37.09.42c.1.19.25.34.44.44c.05.03.15.06.42.09c.28.02.66.02 1.23.02h9.6c.58 0 .95 0 1.23-.02c.27-.02.37-.06.42-.09c.19-.1.34-.25.44-.44c.03-.05.06-.15.09-.42c.02-.28.02-.66.02-1.23V5.2c0-.58 0-.95-.02-1.23c-.02-.27-.06-.37-.09-.42c-.1-.19-.25-.34-.44-.44c-.05-.03-.15-.06-.42-.09C13.77 3 13.39 3 12.82 3" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="qlementine-icons:ogg-16" width="24" />

Vue

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

<template>
  <Icon icon="qlementine-icons:ogg-16" width="24" />
</template>

Svelte

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

<Icon icon="qlementine-icons:ogg-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--ogg-16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:ogg-16"></div>

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

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

<iconify-icon icon="qlementine-icons:ogg-16"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/qlementine-icons/ogg-16.svg" alt="Иконка Ogg 16" width="24" height="24">

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

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

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

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

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

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

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

Все Qlementine Icons →