Apostrophe icon
logos:apostrophe
The Apostrophe icon (logos:apostrophe) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 259 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 × 259
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="259" viewBox="0 0 256 259"><defs><linearGradient id="SVGyxSw6z8F" x1="77.389%" x2="14.764%" y1="-5.286%" y2="120.915%"><stop offset="0%" stop-color="#cc9300"/><stop offset="48%" stop-color="#ea433a"/><stop offset="100%" stop-color="#b327bf"/></linearGradient><linearGradient id="SVGlOlHzc0y" x1="100.371%" x2="16.71%" y1="-50.113%" y2="64.217%"><stop offset="0%" stop-color="#cc9300"/><stop offset="26%" stop-color="#ea433a"/><stop offset="48%" stop-color="#b327bf"/><stop offset="76%" stop-color="#66f"/><stop offset="100%" stop-color="#00bf9a"/></linearGradient><linearGradient id="SVGFPVJ3dsi" x1="7.177%" x2="96.901%" y1="104.165%" y2="11.678%"><stop offset="0%" stop-color="#b327bf"/><stop offset="48%" stop-color="#66f"/><stop offset="100%" stop-color="#00c09a"/></linearGradient></defs><path d="M122.798 254.854c-33.177 5.447-46.052 3.466-59.422-.99A66.36 66.36 0 0 1 30.694 229.6l-1.485-1.486c-7.428-10.399-12.875-22.283-17.827-52.985L3.459 123.63c-5.447-33.672-3.962-46.547.99-59.917a73.24 73.24 0 0 1 23.77-33.178l1.98-1.485c10.399-7.428 22.283-12.875 52.49-17.827L133.196 3.3c33.178-5.447 46.052-3.466 59.422.99a66.36 66.36 0 0 1 32.683 24.265l1.485 1.98c7.428 10.4 12.875 22.284 17.827 52.985l7.923 51.004c5.447 33.673 3.961 46.547-.99 59.917a70.1 70.1 0 0 1-23.77 33.178l-1.98 1.485c-10.4 7.428-22.284 12.875-52.49 17.827z"/><path fill="url(#SVGyxSw6z8F)" d="M179.299 94.86c-20.539 0-37.188 16.65-37.188 37.188s16.65 37.189 37.188 37.189s37.188-16.65 37.188-37.189c0-20.538-16.65-37.188-37.188-37.188m0 11.983c13.92 0 25.205 11.285 25.205 25.205s-11.285 25.205-25.205 25.205s-25.205-11.285-25.205-25.205s11.285-25.205 25.205-25.205"/><path fill="url(#SVGlOlHzc0y)" d="M115.515 52.062h-56.6a6.016 6.016 0 0 0-6.016 6.016v56.6a6.016 6.016 0 0 0 6.016 6.016h56.6a6.016 6.016 0 0 0 6.016-6.016v-56.6a6.016 6.016 0 0 0-6.016-6.016m-6.017 12.032v44.567H64.93V64.094z" transform="rotate(-9.18 87.215 86.378)"/><path fill="url(#SVGFPVJ3dsi)" d="m99.322 144.91l-23.77 67.345c-1.512 4.286 2.113 8.63 6.6 7.91l67.841-10.894c4.502-.723 6.579-6.01 3.773-9.603l-44.071-56.451c-2.913-3.731-8.798-2.77-10.373 1.693m7.66 14.304l31.098 39.833l-47.87 7.685z"/></svg>How to use the Apostrophe icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:apostrophe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:apostrophe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:apostrophe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--apostrophe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:apostrophe"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:apostrophe"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/apostrophe.svg" alt="Apostrophe icon" width="24" height="24">Apostrophe icon in other icon sets
Apostrophe icon FAQ
Is the Apostrophe 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 Apostrophe icon in React?
Install @iconify/react and render <Icon icon="logos:apostrophe" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Apostrophe icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/apostrophe.svg" alt="Apostrophe icon">, or paste the SVG code inline to style it with CSS.