theodinproject logo
theodinproject from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- theodinproject
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the theodinproject logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.002 0l1.99 7.387l1.576 1.576v.576l.975 1.924c.806-1.53 2.844-2.064 4.312-.969l.202.15l.2-.15c1.47-1.095 3.508-.561 4.315.969l.975-1.926v-.69l1.46-1.46L20.999 0l-3.633 1.86v3.257c-.655-.395-2.981-1.691-5.308-1.691c-2.494 0-4.987 1.489-5.422 1.762V1.859zm6.111 10.229a.324.324 0 0 0-.326.322v.998c0 .267.22.484.49.484h.56c.305 0 .594-.12.81-.332a1.12 1.12 0 0 0 .335-.797v-.353a.325.325 0 0 0-.328-.323zm5.291.392a.514.514 0 0 0-.517.51c0 .28.232.51.517.51a.514.514 0 0 0 .518-.51a.513.513 0 0 0-.518-.51m-7.836.023L5.103 16.06L6.6 19.01l1.375-5.103l.197-.097zm10.979 0l-1.604 3.165l.198.097l1.375 5.104l1.496-2.951zm-5.49 1.805l-1.828.903l-1.649 8.843L12.057 24l3.476-1.805l-1.646-8.843zm-2.389 1.18l-1.27.625l-1.654 6.137l1.469 1.049zm4.78 0l1.454 7.81l1.467-1.048l-1.652-6.137zm-3.016.084h1.28v.451a.62.62 0 0 1-.187.445a.64.64 0 0 1-.453.186a.65.65 0 0 1-.453-.186a.62.62 0 0 1-.187-.445z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsTheodinproject(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.002 0l1.99 7.387l1.576 1.576v.576l.975 1.924c.806-1.53 2.844-2.064 4.312-.969l.202.15l.2-.15c1.47-1.095 3.508-.561 4.315.969l.975-1.926v-.69l1.46-1.46L20.999 0l-3.633 1.86v3.257c-.655-.395-2.981-1.691-5.308-1.691c-2.494 0-4.987 1.489-5.422 1.762V1.859zm6.111 10.229a.324.324 0 0 0-.326.322v.998c0 .267.22.484.49.484h.56c.305 0 .594-.12.81-.332a1.12 1.12 0 0 0 .335-.797v-.353a.325.325 0 0 0-.328-.323zm5.291.392a.514.514 0 0 0-.517.51c0 .28.232.51.517.51a.514.514 0 0 0 .518-.51a.513.513 0 0 0-.518-.51m-7.836.023L5.103 16.06L6.6 19.01l1.375-5.103l.197-.097zm10.979 0l-1.604 3.165l.198.097l1.375 5.104l1.496-2.951zm-5.49 1.805l-1.828.903l-1.649 8.843L12.057 24l3.476-1.805l-1.646-8.843zm-2.389 1.18l-1.27.625l-1.654 6.137l1.469 1.049zm4.78 0l1.454 7.81l1.467-1.048l-1.652-6.137zm-3.016.084h1.28v.451a.62.62 0 0 1-.187.445a.64.64 0 0 1-.453.186a.65.65 0 0 1-.453-.186a.62.62 0 0 1-.187-.445z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.002 0l1.99 7.387l1.576 1.576v.576l.975 1.924c.806-1.53 2.844-2.064 4.312-.969l.202.15l.2-.15c1.47-1.095 3.508-.561 4.315.969l.975-1.926v-.69l1.46-1.46L20.999 0l-3.633 1.86v3.257c-.655-.395-2.981-1.691-5.308-1.691c-2.494 0-4.987 1.489-5.422 1.762V1.859zm6.111 10.229a.324.324 0 0 0-.326.322v.998c0 .267.22.484.49.484h.56c.305 0 .594-.12.81-.332a1.12 1.12 0 0 0 .335-.797v-.353a.325.325 0 0 0-.328-.323zm5.291.392a.514.514 0 0 0-.517.51c0 .28.232.51.517.51a.514.514 0 0 0 .518-.51a.513.513 0 0 0-.518-.51m-7.836.023L5.103 16.06L6.6 19.01l1.375-5.103l.197-.097zm10.979 0l-1.604 3.165l.198.097l1.375 5.104l1.496-2.951zm-5.49 1.805l-1.828.903l-1.649 8.843L12.057 24l3.476-1.805l-1.646-8.843zm-2.389 1.18l-1.27.625l-1.654 6.137l1.469 1.049zm4.78 0l1.454 7.81l1.467-1.048l-1.652-6.137zm-3.016.084h1.28v.451a.62.62 0 0 1-.187.445a.64.64 0 0 1-.453.186a.65.65 0 0 1-.453-.186a.62.62 0 0 1-.187-.445z"/></svg> </template>
CSS
.icon-theodinproject {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.002%200l1.99%207.387l1.576%201.576v.576l.975%201.924c.806-1.53%202.844-2.064%204.312-.969l.202.15l.2-.15c1.47-1.095%203.508-.561%204.315.969l.975-1.926v-.69l1.46-1.46L20.999%200l-3.633%201.86v3.257c-.655-.395-2.981-1.691-5.308-1.691c-2.494%200-4.987%201.489-5.422%201.762V1.859zm6.111%2010.229a.324.324%200%200%200-.326.322v.998c0%20.267.22.484.49.484h.56c.305%200%20.594-.12.81-.332a1.12%201.12%200%200%200%20.335-.797v-.353a.325.325%200%200%200-.328-.323zm5.291.392a.514.514%200%200%200-.517.51c0%20.28.232.51.517.51a.514.514%200%200%200%20.518-.51a.513.513%200%200%200-.518-.51m-7.836.023L5.103%2016.06L6.6%2019.01l1.375-5.103l.197-.097zm10.979%200l-1.604%203.165l.198.097l1.375%205.104l1.496-2.951zm-5.49%201.805l-1.828.903l-1.649%208.843L12.057%2024l3.476-1.805l-1.646-8.843zm-2.389%201.18l-1.27.625l-1.654%206.137l1.469%201.049zm4.78%200l1.454%207.81l1.467-1.048l-1.652-6.137zm-3.016.084h1.28v.451a.62.62%200%200%201-.187.445a.64.64%200%200%201-.453.186a.65.65%200%200%201-.453-.186a.62.62%200%200%201-.187-.445z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.002%200l1.99%207.387l1.576%201.576v.576l.975%201.924c.806-1.53%202.844-2.064%204.312-.969l.202.15l.2-.15c1.47-1.095%203.508-.561%204.315.969l.975-1.926v-.69l1.46-1.46L20.999%200l-3.633%201.86v3.257c-.655-.395-2.981-1.691-5.308-1.691c-2.494%200-4.987%201.489-5.422%201.762V1.859zm6.111%2010.229a.324.324%200%200%200-.326.322v.998c0%20.267.22.484.49.484h.56c.305%200%20.594-.12.81-.332a1.12%201.12%200%200%200%20.335-.797v-.353a.325.325%200%200%200-.328-.323zm5.291.392a.514.514%200%200%200-.517.51c0%20.28.232.51.517.51a.514.514%200%200%200%20.518-.51a.513.513%200%200%200-.518-.51m-7.836.023L5.103%2016.06L6.6%2019.01l1.375-5.103l.197-.097zm10.979%200l-1.604%203.165l.198.097l1.375%205.104l1.496-2.951zm-5.49%201.805l-1.828.903l-1.649%208.843L12.057%2024l3.476-1.805l-1.646-8.843zm-2.389%201.18l-1.27.625l-1.654%206.137l1.469%201.049zm4.78%200l1.454%207.81l1.467-1.048l-1.652-6.137zm-3.016.084h1.28v.451a.62.62%200%200%201-.187.445a.64.64%200%200%201-.453.186a.65.65%200%200%201-.453-.186a.62.62%200%200%201-.187-.445z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/theodinproject.svg?color=%231a73e8&size=48
