Prismic Icon icon

logos:prismic-icon

The Prismic Icon icon (logos:prismic-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 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 × 256
Tags: prismicicon

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none" fill-rule="evenodd"><path fill="#e55638" d="M222.777 8.548a58.1 58.1 0 0 1 24.135 24.192c5.568 10.432 8.533 20.778 8.533 49.3v50.099a1.6 1.6 0 0 1-2.73 1.13v-.007l-18.88-18.915a8 8 0 0 1-2.34-5.66V85.531c0-21.397-2.226-29.155-6.4-36.977a43.57 43.57 0 0 0-18.105-18.14c-7.719-4.145-15.382-6.368-36.223-6.414h-31.211a1.6 1.6 0 0 1-1.124-2.73l18.88-18.923A7.97 7.97 0 0 1 162.958 0h10.617c28.466 0 38.791 2.972 49.202 8.548M183.602 40c17.635 0 31.929 14.329 31.929 32v20.26a1.6 1.6 0 0 1-2.703 1.152L187.086 68.75a15.9 15.9 0 0 0-5.824-3.719A15.9 15.9 0 0 0 175.616 64h-75.99a1.6 1.6 0 0 1-1.13-2.73l18.908-18.93a7.98 7.98 0 0 1 5.64-2.34z"/><path fill="#f4c942" d="m234.219 138.738l18.887 18.922a8.04 8.04 0 0 1 2.34 5.66v10.646c0 28.523-2.966 38.87-8.534 49.302a58.1 58.1 0 0 1-24.135 24.192c-10.41 5.568-20.736 8.54-49.202 8.54h-49.984a1.6 1.6 0 0 1-1.123-2.73v.006l18.88-18.922a7.97 7.97 0 0 1 5.646-2.347h23.104c21.347 0 29.084-2.226 36.892-6.414a43.57 43.57 0 0 0 18.105-18.14c4.174-7.823 6.4-15.581 6.4-36.978v-30.607a1.6 1.6 0 0 1 2.724-1.13M194.31 98.73l18.887 18.944a8.02 8.02 0 0 1 2.333 5.66v60.686c0 17.671-14.294 32-31.93 32h-20.216a1.6 1.6 0 0 1-1.152-2.702v-.007l24.604-25.806a15.9 15.9 0 0 0 3.72-5.831a16 16 0 0 0 1.023-5.654V99.86a1.6 1.6 0 0 1 2.731-1.13"/><path fill="#7b8fea" d="m2.724 122.73l18.894 18.923a8.04 8.04 0 0 1 2.34 5.66v23.155c0 21.397 2.218 29.155 6.4 36.977a43.57 43.57 0 0 0 18.097 18.14c7.808 4.19 15.552 6.415 36.9 6.415h30.535a1.6 1.6 0 0 1 1.138 2.73l-18.895 18.923A7.97 7.97 0 0 1 92.494 256H81.87c-28.466 0-38.784-2.972-49.194-8.548A58.1 58.1 0 0 1 8.533 223.26C3.021 212.933.06 202.69.001 174.81L0 123.86a1.6 1.6 0 0 1 2.724-1.13m39.893 39.858h-.007l25.756 24.662a15.9 15.9 0 0 0 5.817 3.719A15.8 15.8 0 0 0 79.83 192h75.99a1.6 1.6 0 0 1 1.123 2.73l-18.901 18.93a8 8 0 0 1-5.64 2.34H71.845a31.964 31.964 0 0 1-31.93-32v-20.26a1.6 1.6 0 0 1 2.703-1.152"/><path fill="#d97ee8" d="M92.06 40a1.6 1.6 0 0 1 1.152 2.702L68.601 68.516a15.9 15.9 0 0 0-3.712 5.83A16 16 0 0 0 63.858 80v76.16a1.6 1.6 0 0 1-2.724 1.124L42.247 138.34a8 8 0 0 1-2.332-5.654V72c0-17.671 14.293-32 31.929-32zm39.794-40a1.6 1.6 0 0 1 1.124 2.73l-18.88 18.923A7.98 7.98 0 0 1 108.452 24H85.348c-21.348 0-29.092 2.226-36.9 6.414a43.57 43.57 0 0 0-18.105 18.14c-4.13 7.74-6.353 15.418-6.4 36.307v31.278a1.6 1.6 0 0 1-2.723 1.13L2.347 98.347A8 8 0 0 1 0 92.687V82.04c0-28.522 2.965-38.87 8.533-49.3A58.1 58.1 0 0 1 32.668 8.548C42.975 3.028 53.198.06 81.015 0z"/></g></svg>

How to use the Prismic Icon icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Prismic Icon icon FAQ

Is the Prismic 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 Prismic Icon icon in React?

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

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

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

Browse all SVG Logos icons →