Иконка Coala
material-icon-theme:coala
Иконка Coala (material-icon-theme:coala) — бесплатная SVG-иконка из набора Material Icon Theme от Material Extensions. Она нарисована на сетке 24 × 24. Material Icon Theme icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Icon Theme
- Автор
- Material Extensions
- Лицензия
- MIT
- Размер
- 24 × 24
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path xmlns="http://www.w3.org/2000/svg" fill="#90a4ae" d="M22 8.95c0-2.59-1.74-3.63-3.89-3.63c-.9 0-1.83.2-2.6.57c-1-.69-2.17-1.09-3.51-1.09s-2.51.41-3.51 1.09c-.78-.38-1.7-.57-2.6-.57C3.74 5.32 2 6.35 2 8.95c0 2.14 1.18 3.56 2.8 4c-.02.3-.04.6-.04.89c0 3.18 2.51 4.26 4.77 4.63c.61.45 1.49.73 2.47.73s1.86-.28 2.47-.73c2.26-.36 4.77-1.44 4.77-4.63c0-.3-.01-.6-.04-.89c1.62-.44 2.8-1.87 2.8-4"/><path xmlns="http://www.w3.org/2000/svg" fill="#f8bbd0" d="M7.31 6.9c-.18-.02-.35-.03-.53-.03c-1.72 0-3.11.83-3.11 2.9c0 1.2.47 2.12 1.19 2.68c.26-2.11 1.11-4.12 2.45-5.55m9.91-.03c-.18 0-.35.01-.53.03c1.34 1.43 2.19 3.44 2.45 5.55c.72-.56 1.19-1.48 1.19-2.68c0-2.07-1.39-2.9-3.11-2.9"/><path xmlns="http://www.w3.org/2000/svg" fill="#263238" d="M14.07 15.21c0 1.86-.96 2.33-2.07 2.33s-2.07-.47-2.07-2.33s.96-3.36 2.07-3.36s2.07 1.51 2.07 3.36M9.5 11.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m7.5 0a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0"/></svg>Как использовать иконку Coala
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:coala" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:coala" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:coala" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--coala]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:coala"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:coala"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/coala.svg" alt="Иконка Coala" width="24" height="24">Вопросы и ответы: Иконка Coala
Можно ли бесплатно использовать иконку Coala в коммерческих проектах?
Да. Material Icon Theme icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Coala в React?
Установите @iconify/react и выведите <Icon icon="material-icon-theme:coala" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Coala на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-icon-theme/coala.svg" alt="Иконка Coala">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.