ICONYZ
English
Primitive icon from EOS Icons

Primitive icon

eos-icons:primitive

The Primitive icon (eos-icons:primitive) is a free SVG icon from the EOS Icons set by SUSE UX/UI team. It is drawn on a 24 × 24 grid. EOS 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
EOS Icons
Author
SUSE UX/UI team
License
MIT
Size
24 × 24
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2.197" fill="currentColor"/><path fill="currentColor" d="M21.634 6.437c-.709-1.228-2.411-1.732-4.796-1.424q-.454.061-.93.158C15.009 2.619 13.608 1 12 1c-1.61 0-3.013 1.624-3.913 4.183c-2.738-.542-4.907-.156-5.722 1.254c-.812 1.407-.07 3.47 1.757 5.563c-1.827 2.094-2.57 4.156-1.757 5.563c.582 1.008 1.85 1.496 3.525 1.496a11.5 11.5 0 0 0 2.197-.243C8.987 21.376 10.39 23 12 23c1.607 0 3.009-1.619 3.909-4.17q.475.096.93.157a10 10 0 0 0 1.296.088c1.705 0 2.927-.52 3.5-1.512c.812-1.407.07-3.47-1.757-5.563c1.827-2.094 2.569-4.156 1.756-5.563m-4.649-.297a9 9 0 0 1 1.16-.08c1.26 0 2.15.327 2.507.945c.504.874-.067 2.442-1.552 4.168a20.5 20.5 0 0 0-2.302-1.953a20 20 0 0 0-.547-2.936c.244-.047.5-.114.734-.144m-3.072 9.174q-.972.559-1.907.993a25 25 0 0 1-1.92-.993a25 25 0 0 1-1.819-1.16a24 24 0 0 1 0-4.309a24.5 24.5 0 0 1 3.73-2.149a25 25 0 0 1 1.916.99q.973.564 1.82 1.16a24 24 0 0 1 0 4.308q-.847.596-1.82 1.16m1.628.335a18 18 0 0 1-.392 1.824a19 19 0 0 1-1.76-.583q.544-.279 1.092-.594q.547-.316 1.06-.647m-4.924 1.244a18 18 0 0 1-1.766.581a18 18 0 0 1-.392-1.825q.515.331 1.06.647q.547.314 1.098.597M7.074 13.25A18 18 0 0 1 5.675 12a18 18 0 0 1 1.4-1.25q-.031.615-.033 1.25c-.002.635.012.84.032 1.25M8.46 8.352a18 18 0 0 1 .391-1.823a18 18 0 0 1 1.77.577q-.552.283-1.1.598q-.546.316-1.06.648m4.93-1.242a19 19 0 0 1 1.76-.583a18 18 0 0 1 .392 1.824q-.514-.331-1.06-.647q-.546-.314-1.091-.595m3.537 3.64A18 18 0 0 1 18.324 12a18 18 0 0 1-1.398 1.25q.031-.615.032-1.25c.001-.635-.012-.84-.032-1.25M12 2.129c.998 0 2.056 1.234 2.807 3.31a21 21 0 0 0-2.809 1.011a20.5 20.5 0 0 0-2.807-1.005C9.942 3.365 11 2.129 12 2.129M3.348 7.005c.351-.608 1.252-.934 2.52-.934a10.3 10.3 0 0 1 1.884.201a20 20 0 0 0-.55 2.948A20.5 20.5 0 0 0 4.9 11.173C3.414 9.447 2.843 7.88 3.348 7.005m0 9.99c-.505-.874.066-2.442 1.552-4.168a20.5 20.5 0 0 0 2.3 1.953a20 20 0 0 0 .552 2.953c-2.247.429-3.898.14-4.405-.738M12 21.87c-.999 0-2.058-1.237-2.81-3.317A20.5 20.5 0 0 0 12 17.55a21 21 0 0 0 2.806 1.01c-.75 2.076-1.81 3.31-2.807 3.31m8.652-4.876c-.46.792-1.793 1.109-3.667.865c-.235-.03-.49-.097-.734-.144a20 20 0 0 0 .547-2.936a20.5 20.5 0 0 0 2.302-1.953c1.485 1.726 2.056 3.294 1.552 4.168"/></svg>

How to use the Primitive icon

React

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

<Icon icon="eos-icons:primitive" width="24" />

Vue

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

<template>
  <Icon icon="eos-icons:primitive" width="24" />
</template>

Svelte

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

<Icon icon="eos-icons:primitive" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[eos-icons--primitive]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/eos-icons -->
<div class="i-eos-icons:primitive"></div>

Web component

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

<iconify-icon icon="eos-icons:primitive"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/eos-icons/primitive.svg" alt="Primitive icon" width="24" height="24">

Primitive icon FAQ

Is the Primitive icon free for commercial use?

Yes. EOS Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Primitive icon in React?

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

How do I add the Primitive icon to a web page?

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

Browse all EOS Icons →