ICONYZ
English
Content Navigator Edit Service Upload icon from Carbon

Content Navigator Edit Service Upload icon

carbon:content-navigator-edit-service-upload

The Content Navigator Edit Service Upload icon (carbon:content-navigator-edit-service-upload) is a free SVG icon from the Carbon set by IBM. It is drawn on a 32 × 32 grid. Carbon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Carbon
Author
IBM
License
Apache-2.0
Size
32 × 32
Category
Brand
Tags
contentnavigator, navigatoredit, editservice, serviceupload, contentnavigatoreditserviceupload
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M5 8a1 1 0 1 1 0 2a1 1 0 0 1 0-2m3 19a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-.485-2.515a11.97 11.97 0 0 1-3.243-5.941c-.488-2.255-.32-4.59.49-6.75l-1.874-.702a13.97 13.97 0 0 0-.57 7.876a13.96 13.96 0 0 0 3.783 6.931zm12.108 5.038l-.518-1.932a12 12 0 0 1-6.36-.041l-.544 1.926a14 14 0 0 0 7.422.047M25 18l-5 5l1.42 1.42L24 21.83V30h2v-8.17l2.58 2.59L30 23zm2.64-9.778a13.96 13.96 0 0 0-6.283-5.156c-2.567-1.064-5.363-1.339-8.088-.797S8.065 4.136 6.1 6.101l1.415 1.414a11.96 11.96 0 0 1 6.144-3.284a11.94 11.94 0 0 1 6.933.683a11.95 11.95 0 0 1 5.385 4.418A11.97 11.97 0 0 1 28 16h2a13.95 13.95 0 0 0-2.36-7.778m-3.93 4.488l-6 6l-3.3 3.29H10v-4.41l2.29-2.3l7-7c.39-.39 1.03-.39 1.42 0l3 3c.39.39.39 1.03 0 1.42M18.58 15L17 13.42l-3.29 3.29l-1.71 1.7V20h1.59l2.7-2.71zm3.01-3L20 10.41L18.42 12L20 13.58z"/></svg>

How to use the Content Navigator Edit Service Upload icon

React

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

<Icon icon="carbon:content-navigator-edit-service-upload" width="24" />

Vue

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

<template>
  <Icon icon="carbon:content-navigator-edit-service-upload" width="24" />
</template>

Svelte

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

<Icon icon="carbon:content-navigator-edit-service-upload" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--content-navigator-edit-service-upload]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:content-navigator-edit-service-upload"></div>

Web component

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

<iconify-icon icon="carbon:content-navigator-edit-service-upload"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/carbon/content-navigator-edit-service-upload.svg" alt="Content Navigator Edit Service Upload icon" width="24" height="24">

Related icons in Carbon

Content Navigator Edit Service Upload icon FAQ

Is the Content Navigator Edit Service Upload icon free for commercial use?

Yes. Carbon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Content Navigator Edit Service Upload icon in React?

Install @iconify/react and render <Icon icon="carbon:content-navigator-edit-service-upload" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Content Navigator Edit Service Upload icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/carbon/content-navigator-edit-service-upload.svg" alt="Content Navigator Edit Service Upload icon">, or paste the SVG code inline to style it with CSS.

Browse all Carbon icons →