Apache Avro icon
thesvg:apache-avro
The Apache Avro icon (thesvg:apache-avro) is a free SVG icon from the theSVG set by thesvg.org. It is drawn on a 24 × 24 grid. theSVG icons are released under the MIT 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
- theSVG
- Author
- thesvg.org
- License
- MIT
- Size
- 24 × 24
- Tags
- apacheavro
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.704 3.324s-.464.428.024.982c.363.412.904.16.904.16s.5-.274.12-.85c-.492-.75-1.048-.292-1.048-.292M23.927 22L5.456 13.966S-.58 10.32.046 8.88c.608-1.393 5.988 1.415 6.557 1.544c.569.13.886-.221.896-.466c.017-.354-.799-1.366-.376-1.798c.422-.431 1.8.408 1.8.408l1.12.757L23.926 22Zm.073-.076L11.81 8.74S9.615 6.306 9.706 5.61c.091-.698 3.007 1.527 3.007 1.527s.324.305.632.252c.307-.05-.022-.55-.022-.55s-.504-1.142-.167-1.347c.338-.203 1.191.657 1.191.657s.213.215.437.157c.224-.06.104-.539.104-.539s-1.542-3.471-.87-3.73c1.026-.396 2.487 2.476 2.977 3.37C17.118 5.654 24 21.924 24 21.924M4.978 5.611s-.626.404.07 1.181c.639.716 1.208.345 1.208.345s.59-.352.024-1.017c-.748-.877-1.302-.51-1.302-.51Zm16.31 15.604l-13.87-3.867l-.885-2.551z"/></svg>How to use the Apache Avro icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:apache-avro" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:apache-avro" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:apache-avro" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--apache-avro]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:apache-avro"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:apache-avro"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg/apache-avro.svg" alt="Apache Avro icon" width="24" height="24">Related icons in theSVG
apache
apache-airflow
apache-ant
apache-cassandra
apache-cloudstack
apache-cordova
apache-couchdb
apache-dolphinscheduler
apache-doris
apache-druid
apache-echarts
apache-flink
apache-freemarker
apache-groovy
apache-guacamole
apache-hadoop
apache-hbase
apache-hive
apache-jmeter
apache-kafka
apache-kylin
apache-lucene
apache-maven
apache-netbeans-ide
Apache Avro icon in other icon sets
Apache Avro icon FAQ
Is the Apache Avro icon free for commercial use?
Yes. theSVG icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Apache Avro icon in React?
Install @iconify/react and render <Icon icon="thesvg:apache-avro" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Apache Avro icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg/apache-avro.svg" alt="Apache Avro icon">, or paste the SVG code inline to style it with CSS.