Homer icon
thesvg-color:homer
The Homer icon (thesvg-color:homer) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 458 × 458 grid. theSVG Color 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 Color
- Author
- thesvg.org
- License
- MIT
- Size
- 458 × 458
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="458" height="458" viewBox="0 0 458 458"><g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path fill="#fff" d="M228.515 7C350.772 7 450.03 106.258 450.03 228.515S350.772 450.03 228.515 450.03S7 350.772 7 228.515S106.258 7 228.515 7m.602 155.453c36.865 0 66.795 29.93 66.795 66.795s-29.93 66.795-66.795 66.795s-66.795-29.93-66.795-66.795s29.93-66.795 66.795-66.795"/><path fill="url(#SVGecL8tdmW)" d="M210.443.454c-30.902 2.68-57.723 10.284-84.925 24.073c-44.377 22.496-78.367 56.484-100.84 100.837C7.769 158.736.265 190.4.29 228.272c.018 27.763 3.015 46.745 11.441 72.436c15.983 48.738 49.019 91.343 93.328 120.36c20.708 13.562 52.243 26.337 77.669 31.467c35.566 7.174 74.997 5.712 108.907-4.038c82.411-23.696 144.411-91.178 161.485-175.764c2.977-14.751 5.421-40.566 4.776-50.456c-3.396-52.026-18.921-95.168-47.992-133.355c-8.213-10.79-25.969-28.975-37.047-37.942C339.879 24.285 299.81 7.136 257.401 1.566C246.293.107 221.27-.486 210.443.454m.701 18.027c-49.722 4.439-95.627 25.944-131.096 61.412c-32.648 32.649-52.821 72.665-59.999 119.02c-2.042 13.184-2.335 42.995-.544 55.336c3.928 27.08 11.501 50.89 23.106 72.645c4.685 8.785 13.814 23.27 14.664 23.27c1.266 0 6.104-3.143 7.928-5.151c1.172-1.289 4.653-6.452 7.736-11.475c3.083-5.021 7.273-10.594 9.309-12.382c13.587-11.929 36.035-10.822 47.948 2.364c4.888 5.411 8.349 13.509 13.225 30.946c5.377 19.225 8.333 26.997 12.691 33.369c6.278 9.178 14.497 11.32 24.281 6.329c5.001-2.552 8.116-6.867 15.215-21.082c10.424-20.871 20.719-29.135 36.293-29.135c13.179 0 20.531 4.828 31.467 20.663c8.435 12.215 11.783 14.772 19.487 14.884c4.206.061 6.278-.536 10.147-2.917c6.234-3.835 10.173-9.77 15.381-23.165c8.598-22.117 15.209-31.263 26.642-36.856c4.829-2.363 7.036-2.828 13.289-2.797c15.663.075 25.038 7.921 32.5 27.199c3.718 9.602 8.411 14.201 14.493 14.201c2.63 0 14.394-18.033 22.485-34.469c15.478-31.439 22.339-63.769 21.095-99.412c-1.112-31.871-7.759-58.287-21.614-85.895c-10.68-21.282-20.901-35.697-37.445-52.806c-32.706-33.825-72.222-54.528-118.514-62.091c-13.983-2.284-36.819-3.197-50.17-2.005m-49.507 30.796c-1.456 1.564-5.29 6.698-8.519 11.41c-5.267 7.684-5.803 8.93-5.209 12.1c1.169 6.23 7.776 9.384 13.261 6.333c1.199-.668 5.235-5.484 8.969-10.704c5.572-7.79 6.789-10.181 6.789-13.345c0-7.959-9.811-11.676-15.291-5.794m148.81 15.157c-12.212 4.523-14.535 6.423-14.535 11.898c0 4.702 2.456 7.79 6.851 8.616c2.882.54 18.499-4.204 25.215-7.661c4.958-2.551 5.693-9.688 1.436-13.945c-3.805-3.805-6.105-3.672-18.967 1.092m-87.687 42.34c-2.23 1.918-2.781 3.232-2.781 6.638c0 3.839.48 4.671 4.974 8.648c10.894 9.641 15.248 12.495 19.059 12.495c7.358 0 11.573-8.986 6.742-14.376c-2.517-2.808-15.322-13.216-18.015-14.642c-3.413-1.806-6.95-1.369-9.979 1.237m-92.825 26.978c-1.817.805-3.618 2.673-4.402 4.565c-1.218 2.939-1.006 4.163 2.558 14.857c2.161 6.482 4.871 12.653 6.106 13.903c4.348 4.401 13.195 1.795 14.735-4.34c.856-3.413-5.846-24.052-8.792-27.072c-2.83-2.901-6.442-3.578-10.205-1.913m201.4 11.879c-3.338 1.676-12.616 24.055-11.619 28.027c1.628 6.488 10.99 9.187 15.294 4.409c1.64-1.82 6.379-13.086 9.692-23.036c.817-2.452-1.746-8.278-4.225-9.605c-2.654-1.42-6.057-1.344-9.142.205m-113.422 8.695c-8.28 1.217-16.503 3.953-24.955 8.306c-11.171 5.751-24.412 18.993-30.198 30.199c-10.071 19.506-11.672 40.127-4.706 60.61c8.081 23.759 27.762 41.419 53.357 47.881c7.099 1.793 10.398 2.057 20.482 1.648c20.224-.823 35.333-7.426 49.57-21.662c14.236-14.236 20.839-29.346 21.661-49.57c.41-10.084.145-13.383-1.647-20.482c-7.82-30.974-31.591-52.548-62.663-56.869c-8.314-1.156-13.35-1.171-20.901-.061m1.869 18.033c-40.97 7.302-60.962 53.331-38.046 87.593c19.246 28.776 58.98 33.781 84.541 10.649c27.43-24.821 24.714-67.954-5.58-88.654c-11.965-8.174-27.896-11.908-40.915-9.588M55.835 188.764c-8.625 6.34-10.235 7.961-10.78 10.87c-.716 3.818 1.39 9.003 4.076 10.034c4.568 1.752 8.223.56 16.537-5.393c4.617-3.308 9.408-7.154 10.644-8.548c5.126-5.78 1.234-14.413-6.497-14.413c-3.205 0-5.519 1.233-13.98 7.45m341.896 6.992c-1.556 1.556-2.453 3.592-2.453 5.57c0 3.941 7.618 23.573 10.116 26.072c1.863 1.862 7.081 2.497 10.321 1.253c1.94-.745 4.541-5.486 4.541-8.275c0-3.37-8.046-23.047-10.272-25.122c-3.07-2.86-9.14-2.612-12.253.502M0 228.272c0 5.77.165 8.13.367 5.245c.201-2.884.201-7.606 0-10.49c-.202-2.885-.367-.525-.367 5.245m338.495 35.695c-7.197 3.967-10.777 6.568-11.821 8.585c-2.908 5.624 1.25 12.669 7.478 12.669c5.149 0 23.685-10.171 25.725-14.116c3.056-5.91-1.254-12.878-7.945-12.844c-1.888.009-7.173 2.253-13.437 5.706m-255.611 7.661c-2.222 1.911-2.78 3.236-2.78 6.6c0 6.463 2.854 8.336 15.768 10.347c14.227 2.217 15.312 2.143 18.733-1.278c3.625-3.626 3.842-7.886.594-11.664c-2.019-2.345-3.781-2.945-13.239-4.505c-14.331-2.363-15.793-2.324-19.076.5m13.401 59.625c-3.583 1.892-5.285 4.087-13.653 17.609c-3.147 5.084-8.109 10.178-13.073 13.416l-2.489 1.623l9.492 9.749c18.105 18.594 36.741 32.48 57.59 42.908c72.477 36.251 156.791 28.471 221.657-20.455c9.035-6.815 28.479-24.48 28.479-25.874c0-.41-2.211-2.178-4.913-3.93c-5.499-3.562-10.04-9.763-13.057-17.825c-4.626-12.365-7.81-16.256-15.084-18.435c-3.407-1.021-4.383-.862-9.249 1.519c-6.961 3.406-11.195 9.414-17.012 24.135c-6.451 16.327-10.25 23.204-15.964 28.9c-13.514 13.474-33.214 14.94-47.604 3.542c-2.108-1.669-6.995-7.681-10.861-13.361c-9.248-13.586-14.163-16.747-22.562-14.512c-6.505 1.731-12.195 8.535-19.527 23.351c-10.729 21.679-20.01 28.745-37.977 28.915c-7.378.069-9.241-.288-14.201-2.723c-13.015-6.392-18.582-16.828-30.216-56.644c-2.006-6.869-4.749-14.166-6.093-16.216c-4.797-7.313-15.664-9.925-23.683-5.692"/><defs><linearGradient id="SVGecL8tdmW" x1="0" x2="1" y1="0" y2="0" gradientTransform="matrix(0 457.069 -457.069 0 229.145 0)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#206eff"/><stop offset="1" stop-color="#c323ff"/></linearGradient></defs></g></svg>How to use the Homer icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:homer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:homer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:homer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--homer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:homer"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:homer"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/homer.svg" alt="Homer icon" width="24" height="24">Homer icon in other icon sets
Homer icon FAQ
Is the Homer icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Homer icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:homer" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Homer icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/homer.svg" alt="Homer icon">, or paste the SVG code inline to style it with CSS.