Contentful icon
logos:contentful
The Contentful icon (logos:contentful) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 289 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 × 289
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="289" viewBox="0 0 256 289"><path fill="#fae501" d="M87.333 200.777c-15.306-14.406-24.309-34.213-24.309-56.722s9.003-42.316 23.409-56.722c12.605-12.604 12.605-32.412 0-45.017s-32.412-12.605-45.017 0C16.206 68.426 0 104.44 0 144.055s16.206 75.629 42.316 101.739c12.605 12.605 32.413 12.605 45.017 0c11.705-12.605 11.705-32.413 0-45.017"/><path fill="#4fb5e1" d="M87.333 87.333c14.406-15.306 34.213-24.309 56.722-24.309s42.316 9.003 56.722 23.409c12.604 12.605 32.412 12.605 45.017 0s12.605-32.412 0-45.017C219.684 16.206 183.67 0 144.055 0S68.426 16.206 42.316 42.316c-12.605 12.605-12.605 32.413 0 45.017c12.605 11.705 32.413 11.705 45.017 0"/><path fill="#f05751" d="M200.777 200.777c-14.406 15.305-34.213 24.309-56.722 24.309s-42.316-9.004-56.722-23.41c-12.604-12.604-32.412-12.604-45.017 0c-12.605 12.606-12.605 32.413 0 45.018c26.11 25.21 62.124 41.416 101.739 41.416s75.629-16.206 101.739-42.316c12.605-12.605 12.605-32.413 0-45.017c-12.605-11.705-32.413-11.705-45.017 0"/><circle cx="64.825" cy="64.825" r="31.512" fill="#0681b6"/><circle cx="64.825" cy="223.285" r="31.512" fill="#cd4739"/></svg>How to use the Contentful icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:contentful" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:contentful" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:contentful" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--contentful]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:contentful"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:contentful"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/contentful.svg" alt="Contentful icon" width="24" height="24">Contentful icon in other icon sets
Contentful icon FAQ
Is the Contentful 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 Contentful icon in React?
Install @iconify/react and render <Icon icon="logos:contentful" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Contentful icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/contentful.svg" alt="Contentful icon">, or paste the SVG code inline to style it with CSS.