ICONYZ
Русский
Иконка Mobile Phone With Arrow из набора Noto Emoji (v1)

Иконка Mobile Phone With Arrow

noto-v1:mobile-phone-with-arrow

Иконка Mobile Phone With Arrow (noto-v1:mobile-phone-with-arrow) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Noto Emoji (v1)
Автор
Google Inc
Лицензия
Apache-2.0
Размер
128 × 128
Категория
Предметы
Теги
mobilephone, phonewith, witharrow, mobilephonewitharrow
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ed6c30" d="M61.01 64L29.68 86.97V72.64H.44V55.5h29.24V41.03z"/><path fill="#006ca2" d="M121.74 6.34c-4.24-1.9-16.62-3.11-24.47-3.11c-7.84 0-20.23 1.21-24.46 3.11C68.67 8.2 67 11.87 67 15.33v97.34c0 3.46 1.67 7.13 5.82 8.99c4.23 1.9 16.62 3.11 24.46 3.11c7.85 0 20.23-1.21 24.47-3.11c4.15-1.86 5.81-5.53 5.81-8.99V15.33c-.01-3.46-1.67-7.13-5.82-8.99"/><path fill="#fff" d="M102.85 10.75H91.72c-.58 0-1.04-.46-1.04-1.04c0-.57.46-1.04 1.04-1.04h11.13a1.04 1.04 0 1 1 0 2.08"/><circle cx="117.17" cy="10.49" r="1.99" fill="#fff"/><linearGradient id="SVGvwClFcCe" x1="97.278" x2="97.278" y1="104.769" y2="22.712" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#00a0d6"/></linearGradient><path fill="url(#SVGvwClFcCe)" d="M72.49 22.71h49.57v82.06H72.49z"/><g fill="#fff"><path d="M81.65 108.93v.7l-1.53-1.11l1.53-1.12v.7h.88c1.72 0 2.83.51 2.83 1.99c0 1.49-1.11 2-2.83 2h-1.98v-.83h1.98c1.46 0 2-.32 2-1.17c0-.84-.53-1.16-2-1.16zm18.54 2.88h-5.74v-2.9l2.87-1.21l2.87 1.21zm-4.91-.83h4.08v-1.52l-2.03-.86l-2.04.86v1.52zm18.55.83h-4.8v-3.04h4.8zm-3.97-.83H113v-1.37h-3.14z"/><path d="M115.19 110.09h-.83v-1.78h-3.55v-.83h4.38z"/></g></svg>

Как использовать иконку Mobile Phone With Arrow

React

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

<Icon icon="noto-v1:mobile-phone-with-arrow" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:mobile-phone-with-arrow" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:mobile-phone-with-arrow" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--mobile-phone-with-arrow]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:mobile-phone-with-arrow"></div>

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

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

<iconify-icon icon="noto-v1:mobile-phone-with-arrow"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/noto-v1/mobile-phone-with-arrow.svg" alt="Иконка Mobile Phone With Arrow" width="24" height="24">

Похожие иконки в наборе Noto Emoji (v1)

Иконка Mobile Phone With Arrow в других наборах

Вопросы и ответы: Иконка Mobile Phone With Arrow

Можно ли бесплатно использовать иконку Mobile Phone With Arrow в коммерческих проектах?

Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Mobile Phone With Arrow в React?

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

Как добавить иконку Mobile Phone With Arrow на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/mobile-phone-with-arrow.svg" alt="Иконка Mobile Phone With Arrow">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Noto Emoji (v1) →