ICONYZ
English
Appwrite Icon icon from SVG Logos

Appwrite Icon icon

logos:appwrite-icon

The Appwrite Icon icon (logos:appwrite-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 171 grid. SVG Logos icons are released under the CC0 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
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
256 × 171
Tags
appwriteicon
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="171" viewBox="0 0 256 171"><path fill="#f02e65" d="M128.019 11.498C140.579 4.209 155.174.036 170.743.036C217.83.036 256 38.206 256 85.293s-38.17 85.258-85.257 85.258c-15.563 0-30.152-4.17-42.71-11.453c-28.765 16.635-65.89 15.525-94.082-5.75a85.257 85.257 0 0 1 94.068-141.85M29.815 43.419c-23.126 30.647-17.03 74.238 13.616 97.365s74.239 17.03 97.366-13.616c15.491-20.53 17.87-46.867 8.54-68.972c-6.853-16.133-19.627-29.144-35.596-36.305l.036-.034C84.841 8.838 49.736 17.021 29.815 43.42m61.54 12.028c2.61 0 3.464.15 3.313.6c-.073.171-.288.966-.576 2.118l-.111.448c-.286 1.16-.628 2.602-.97 4.108a1986 1986 0 0 1-2.985 12.71l-.225.947l-1.106 4.663c-1.605 6.775-3.613 15.408-4.518 19.171l-1.555 6.928h-3.464c-1.906 0-3.463-.203-3.463-.452c0-.904 1.506-7.73 4.018-18.118c1.302-5.672 3.611-15.257 5.068-21.33a504 504 0 0 1 2.064-8.592l.107-.423c.36-1.432.597-2.328.639-2.43c.098-.199 1.806-.348 3.764-.348M69.473 72.509c2.308 0 4.216.15 4.216.351c0 .25-1.808 2.361-4.015 4.82c-2.21 2.409-4.017 4.666-4.017 5.018c0 .3 1.957 2.71 4.318 5.217l4.316 4.669h-9.135l-3.212-3.412c-1.756-1.857-3.817-4.117-4.567-5.02l-1.356-1.605l4.617-5.02l4.67-5.018Zm35.083 0l4.514 4.87c2.51 2.659 4.518 5.018 4.518 5.268c0 .3-1.906 2.612-4.267 5.22l-4.264 4.667l-4.668.05h-4.666l4.164-4.568c2.308-2.459 4.216-4.816 4.316-5.169c.15-.65-2.61-3.965-6.527-7.879c-1.052-1.054-1.906-2.007-1.906-2.159c0-.15 1.957-.3 4.417-.3z"/></svg>

How to use the Appwrite Icon icon

React

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

<Icon icon="logos:appwrite-icon" width="24" />

Vue

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

<template>
  <Icon icon="logos:appwrite-icon" width="24" />
</template>

Svelte

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

<Icon icon="logos:appwrite-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--appwrite-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:appwrite-icon"></div>

Web component

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

<iconify-icon icon="logos:appwrite-icon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/appwrite-icon.svg" alt="Appwrite Icon icon" width="24" height="24">

Related icons in SVG Logos

appwrite icon
appwrite

Appwrite Icon icon FAQ

Is the Appwrite Icon icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Appwrite Icon icon in React?

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

How do I add the Appwrite Icon icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/appwrite-icon.svg" alt="Appwrite Icon icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →