Иконка Ai Expressive

nrk:ai-expressive

Иконка Ai Expressive (nrk:ai-expressive) — бесплатная SVG-иконка из набора NRK Core Icons от Norsk rikskringkasting. Она нарисована на сетке 24 × 24. NRK Core Icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: NRK Core Icons
Автор: Norsk rikskringkasting
Лицензия: CC-BY-4.0
Размер: 24 × 24
Теги: aiexpressive

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M10 6c.695 0 1.308.355 1.666.893c.28.42.39.921.5 1.422c.06.27.12.54.205.798a3.98 3.98 0 0 0 2.516 2.516c.258.086.528.146.798.205c.501.11 1.002.22 1.422.5a2 2 0 0 1 0 3.332l-.16.097c-.385.21-.823.307-1.262.403c-.27.06-.54.12-.798.205l-.22.08a3.98 3.98 0 0 0-2.296 2.436l-.06.195c-.055.198-.1.4-.145.603c-.11.501-.22 1.002-.5 1.422l-.146.193c-.367.428-.912.7-1.52.7a2 2 0 0 1-1.52-.7l-.146-.193c-.21-.315-.324-.675-.415-1.047l-.085-.375c-.045-.203-.09-.405-.146-.603l-.06-.195a3.98 3.98 0 0 0-2.515-2.516a5 5 0 0 0-.394-.112l-.404-.093c-.439-.096-.877-.193-1.261-.403l-.161-.097a2 2 0 0 1 0-3.332c.315-.21.675-.324 1.047-.415l.375-.085c.203-.045.405-.09.603-.146l.195-.06A3.98 3.98 0 0 0 7.55 9.334l.08-.22q.064-.193.112-.394l.093-.404c.11-.501.22-1.002.5-1.422A2 2 0 0 1 10 6m-.001 2.001a.8.8 0 0 0-.072.178c-.044.139-.081.3-.14.566c-.055.251-.136.626-.26 1.001a5.98 5.98 0 0 1-3.78 3.78c-.376.125-.75.206-1.002.261a7 7 0 0 0-.566.14a.8.8 0 0 0-.178.072L4 14l.001.001c.007.004.05.032.178.072c.139.044.3.081.566.14c.251.055.626.136 1.001.26a5.98 5.98 0 0 1 3.78 3.78c.125.376.206.75.261 1.002c.059.267.096.427.14.566a.8.8 0 0 0 .072.178L10 20l.001-.001a.8.8 0 0 0 .072-.178c.044-.139.081-.3.14-.566c.055-.251.136-.626.26-1.001a5.98 5.98 0 0 1 3.78-3.78c.376-.125.75-.206 1.002-.261a7 7 0 0 0 .566-.14a.8.8 0 0 0 .178-.072L16 14l-.001-.001a.8.8 0 0 0-.178-.072a7 7 0 0 0-.566-.14c-.251-.055-.626-.136-1.001-.26a5.98 5.98 0 0 1-3.78-3.78c-.125-.376-.206-.75-.261-1.002a7 7 0 0 0-.14-.566a.8.8 0 0 0-.072-.178z" clip-rule="evenodd"/><path d="M18 2a1 1 0 0 1 .833.446c.14.21.195.46.25.711c.03.135.06.27.103.4c.198.593.663 1.06 1.257 1.257c.13.043.265.073.4.103c.25.055.5.11.71.25a1 1 0 0 1 0 1.666l-.08.049c-.192.105-.411.153-.63.201l-.202.046a1.99 1.99 0 0 0-1.455 1.314a4 4 0 0 0-.103.4l-.043.186a1.6 1.6 0 0 1-.207.525l-.073.096a.998.998 0 0 1-1.52 0l-.073-.096a1.6 1.6 0 0 1-.207-.525l-.043-.186c-.03-.135-.06-.27-.103-.4a1.99 1.99 0 0 0-1.257-1.257a4 4 0 0 0-.4-.103c-.219-.048-.438-.096-.63-.201l-.08-.049a1 1 0 0 1 0-1.666c.157-.105.338-.162.524-.207l.186-.043l.202-.046l.198-.057c.52-.173.94-.551 1.17-1.04l.087-.217q.032-.097.057-.198l.046-.202c.055-.25.11-.5.25-.71A1 1 0 0 1 18 2"/></g></svg>

Как использовать иконку Ai Expressive

React

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

<Icon icon="nrk:ai-expressive" width="24" />

Vue

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

<template>
  <Icon icon="nrk:ai-expressive" width="24" />
</template>

Svelte

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

<Icon icon="nrk:ai-expressive" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[nrk--ai-expressive]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/nrk -->
<div class="i-nrk:ai-expressive"></div>

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

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

<iconify-icon icon="nrk:ai-expressive"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/nrk/ai-expressive.svg" alt="Иконка Ai Expressive" width="24" height="24">

Вопросы и ответы: Иконка Ai Expressive

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

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

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

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

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

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

Все NRK Core Icons →